美文网首页
jQuery单图上传

jQuery单图上传

作者: 白衣诗人 | 来源:发表于2019-01-15 10:58 被阅读0次
/**
 *  单图上传
 * @param obj 点击事件 索引
 * @param id input[name='file']
 */

function addImg(obj,id) {
    $(obj).click(function(){
        $(id).click();
    });

    $(id).change(function(e){
        var file = e.target.files || e.dataTransfer.files;

        if (file) {
            //定义一个文件阅读器
            var reader = new FileReader();
            //文件装载后将其显示在图片预览里
            reader.onload = function () {
                $(obj).attr("src",this.result);
            };
            //装载文件
            reader.readAsDataURL(file[0]);
        }
    });
}

相关文章

网友评论

      本文标题:jQuery单图上传

      本文链接:https://www.haomeiwen.com/subject/mcbedqtx.html