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

单纯上传图片

时间:2017-09-18 17:22:08      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:上传   window   res   blog   turn   ada   ++   i++   img   

//上传头像
            $(‘.j-file‘).on(‘change‘, function(e) {
                if(!window.FileReader) return;
                var files = e.target.files;
                var content = ‘‘;
                for(var i = 0, f; f = files[i]; i++) {
                    if(!f.type.match(‘image.*‘)) {
                        alert(‘文件‘ + f.name
                            +
                            ‘不是图片‘)
                        continue;
                    }
                    var reader = new FileReader();
                    reader.onload = function(e) {
                        content = ‘ <img src="‘ + e.target.result + ‘" width="70" height="70">‘;
                        $(‘.j-file‘).parent().find(‘.img‘).replaceWith(content);
                    }
                    reader.readAsDataURL(f);
                }
            });

 

单纯上传图片

标签:上传   window   res   blog   turn   ada   ++   i++   img   

原文地址:http://www.cnblogs.com/ouchen0312/p/7543750.html

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