上传图片到页面指定位置
Posted zjboke
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了上传图片到页面指定位置相关的知识，希望对你有一定的参考价值。
//可以给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
});
以上是关于上传图片到页面指定位置的主要内容，如果未能解决你的问题，请参考以下文章
用php语句在一个页面上传图片到指定文件夹，再在另外一个页面显示文件夹里面的图片。