jQuery单图上传

2019-01-15  本文已影响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]);
        }
    });
}
上一篇 下一篇

猜你喜欢

热点阅读