jquery 上传多张图片并显示（快跑中国）

最新推荐文章于 2022-03-06 00:21:56 发布

温景_winka

最新推荐文章于 2022-03-06 00:21:56 发布

阅读量3.6k

点赞数

分类专栏： javaweb

本文链接：https://blog.csdn.net/hewenjing8168/article/details/82184982

版权

1.form表单

<form class="inpform" id="uploadForm" enctype="multipart/form-data">
<input type="file" id="file" multiple="multiple" name="file"
                               onchange="xmTanUploadImg(this)"/>
<form>

1.图片回显

onchange事件是回显图片

 //显示选择的图片
        function xmTanUploadImg(obj) {
            var fl = obj.files.length;
            for (var i = 0; i < fl; i++) {
                var file = obj.files[i];
                //FileReader用来把文件读入内存，并且读取文件中的数据。
                // FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。
                var reader = new FileReader();
                //读取文件过程方法
                reader.onload = function (e) {
                    //不太明白e.target.res