87,907
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
david___ 2016-11-08
- 打赏
- 举报
更改图片路径呗
一支糖包仔 2016-11-08
- 打赏
- 举报
//图片预览
function showPreview(source) {
var file = source.files[0];
if (window.FileReader) {
var fr = new FileReader();
fr.onloadend = function (e) {
$("#portrait").attr("src",e.target.result);
};
fr.readAsDataURL(file);
}
}
<input type="file" name="file" onchange="showPreview(this)" />
<img id="portrait" src="" width="70" height="75" alt="" />
上面是一个图片预览的功能。然后我做一个按钮来调用file文件框事件：
<input type="button" value="文件" onclick="bclickforfile()" />
function bclickforfile() {
$("[name=file]").click();
}
这样你只需要把文件框隐藏起来，点这个图片的时候调用这个文件框事件，文件框内容改变使用图片预览功能。就能做到你问题中的功能了。
文盲老顾 2016-11-08
- 打赏
- 举报
使用第三方ajax或者其他动态上传插件吧
选择图片完成后自动上传，然后将上传后的地址返回到页面进行显示
Go 旅城通票 2016-11-08
- 打赏
- 举报
createment 2016-11-08
- 打赏
- 举报
前几天刚做完这功能：
选择完图片后直接ajax上传图片，后台返回图片url，赋值给前台img src属性，就显示出预览效果了
如果取消上传，调用接口根据图片名字删除图片
