当前位置:首页 > Web开发 > 正文

上传图片到页面指定位置

2024-03-31 Web开发

//可以给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