html图片预览
2016-03-04 17:43
435 查看
function preview2(file) {
var reader = new FileReader();
reader.onload = function(e) {
//console.log(333);
$('#test').attr("src", e.target.result)
// var $img = $('<img>').attr("src", e.target.result)
//$('#preview').empty().append($img)
}
reader.readAsDataURL(file);
}
f1是input的id名。
$('#f1').change(function(e) {
var file = e.target.files[0]
preview2(file)
})
var reader = new FileReader();
reader.onload = function(e) {
//console.log(333);
$('#test').attr("src", e.target.result)
// var $img = $('<img>').attr("src", e.target.result)
//$('#preview').empty().append($img)
}
reader.readAsDataURL(file);
}
f1是input的id名。
$('#f1').change(function(e) {
var file = e.target.files[0]
preview2(file)
})
相关文章推荐
- Jmeter 使用笔记之 html 报告扩展(一)
- Jmeter 使用笔记之 html 报告扩展(一)
- HTML 讲师笔记--初次试讲
- 辨识颜色(HTML版)
- 织梦如何去掉首页的后缀
- HTML Meta标签详解
- 如何保留HTML中的空格
- HTML系列(六):划分文档结构
- html 页面嵌套
- HTML拆分表的单元格
- HTML常用标签总结
- html笔试题
- HTML文本格式化实例
- HTML字符实体(Character Ent…
- CEF中访问修改HTML DOM元素
- 探究 HTML元素的水平垂直居中
- Element.insertAdjacentHTML(position, text)
- 在手机上显示项目html文件
- html标签笔记一
- HTML标签大全(很全哦).