上传图片到页面指定位置
//可以给input绝对定位,覆盖在需要点击事件的标签上面
<input 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
});
上传图片到页面指定位置
,温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32287.html