码迷,mamicode.com
首页 > Web开发 > 详细

超简单的jq图片上传

时间:2020-06-07 10:59:05      阅读:315      评论:0      收藏:0      [点我收藏+]

标签:OLE   简单   show   nload   cti   jpeg   NPU   div   reader   

                  <label class="file_img" for="file_imgs">
                                <input class="file_imgs" id=‘file_imgs‘ type="file" accept="image/jpg,image/jpeg,image/png" name="file" />
                                <img class="file_imgb" src="./images/file_img.jpg">
                            </label>
                            <div class="show_imgs">

                            </div>

html

 

 $(‘#file_imgs‘).on(‘change‘,function () {
            var file = $(‘#file_imgs‘).get(0).files[0];
            var reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onloadend = function () {
                console.log(reader);
                $(‘.show_imgs‘).append(`<img class="show_imgs_item" src="${reader.result}" />`);
            }
        })

 

超简单的jq图片上传

标签:OLE   简单   show   nload   cti   jpeg   NPU   div   reader   

原文地址:https://www.cnblogs.com/chenyudi/p/13059032.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!