同时上传多张图片

HTML:
<tr>
<td>诉讼信息查询照片</td>
<td>
<div class="table-td">
<input type="file" accept="image/*"/ multiple="multiple">
<a><img class = "verifyPic" src="http://file.88mmmoney.com/49536eb9-1aff-477a-8d43-e08910819608" id = "litigationInfoPic"/></a>
</div>
</td>
</tr>

         <div id="imgPreview">上传图片</div>

JS:
$("input").change(function () {
if (typeof (FileReader) != "undefined") {
var dvPreview = $("#imgPreview");
dvPreview.html("");
var regex = /(.jpg|.jpeg|.gif|.png|.bmp)$/;
console.log($(this)[0]);
$($(this)[0].files).each(function () {
var file = $(this);
if (regex.test(file[0].name.toLowerCase())) {
var reader = new FileReader();
reader.onload = function (e) {
var img = $()
var img = $("<img />");
img.attr("src", e.target.result);
dvPreview.append(img);
}
reader.readAsDataURL(file[0]);

            } else {
                alert(file[0].name + " is not a valid image file.");
                dvPreview.html("");
                return false;
            }
            count++;
            console.log(count);
        });
        } else {
            alert("This browser does not support HTML5 FileReader.");
        }
        
    });
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,060评论 0 2
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,932评论 0 38
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,780评论 18 399
  • 快乐是不能刻意寻得来的,刻意寻找得来的快乐,最大的作用只能是暂时转移你的孤独,寂寞或痛苦。不仅短暂,而且会加...
    烽火煤阅读 266评论 0 0
  • 在城市里,我经常浮躁,且焦虑。只有在自然面前,我才会感觉到平静。 我相信你只要足够安静,你能听到他们的呼吸,甚至你...
    李砍柴阅读 375评论 2 4