上传图片到页面指定位置

//可以给input绝对定位,覆盖在需要点击事件的标签上面

<input id="pice" type="file" multiple="" accept="image/*" capture="camera">

$("# pice ").change(function () {

// 构造一个文件渲染对象

var reader = new FileReader();

// 得到文件列表数组

fileObj = $(this)[0].files[0];

// 拿到文件数据

reader.readAsDataURL(fileObj);

reader.onload = function() {

// 获取文件信息

   imgData = reader.result;

// 指定位置显示图片

$(".photo-box-img img").attr("src", imgData);

};

//然后上传的ajax

});

猜你喜欢

转载自www.cnblogs.com/zjboke/p/12149836.html