首页 > Web开发 > 详细

超简单的jq图片上传

时间:2020-06-07 11:14:55      阅读:36      评论:0      收藏:0      [点我收藏+]
                  <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图片上传

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!