图片上传预览
来源:互联网 发布:霍华德新秀赛季数据 编辑:程序博客网 时间:2024/05/30 05:08
1、导入jQuery库
<script src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js" type="text/javascript"></script>
2、编写html
<input type="file" name="pimage" id="file0"/>
<img src="" id="img0" >
3、编写js
<script type="text/javascript">
$("#file0").change(function(){
var objUrl = getObjectURL(this.files[0]) ;
console.log("this.files[0]-----"+this.files[0]);
console.log("objUrl = "+objUrl) ;
if (objUrl) {
$("#img0").attr("src", objUrl) ;
}
}) ;
//建立一個可存取到該file的url
function getObjectURL(file) {
var url = null ;
if (window.createObjectURL!=undefined) { // basic
url = window.createObjectURL(file) ;
} else if (window.URL!=undefined) { // mozilla(firefox)
url = window.URL.createObjectURL(file) ;
} else if (window.webkitURL!=undefined) { // webkit or chrome
url = window.webkitURL.createObjectURL(file) ;
}
return url ;
}
</script>
- 图片上传+图片预览
- 上传预览图片
- 自动预览上传图片
- 图片上传预览
- 上传与预览图片
- 上传图片时预览
- 上传图片预览
- 实现图片上传预览
- 图片上传预览效果
- 上传图片预览
- 上传图片前预览
- 上传图片前预览
- c#上传图片预览
- ASP上传图片预览
- 上传图片 预览效果
- 上传图片 预览效果
- 图片上传,本地预览
- 图片上传预览功能
- 求质数算法C++
- 初级UnityDemo全纪录(二):代码篇③
- Python中遇到"UnicodeDecodeError: ‘gbk’ codec can’t decode bytes in position 2-3: illegal multibyte sequ
- LeetCode 229 Majority Element II(主要元素II)(Array)(Boyer–Moore majority vote algorithm)
- 在C++里,有两种方法创建对象:
- 图片上传预览
- Codeforces Round #101 (Div. 2)
- 浏览器内核
- JDK的命令行工具和可视化工具学习笔记
- 实现strchr的功能
- JAVA_OA(十四):SSM练手项目bug-JSP页面传递参数的编码问题
- 第三个年头
- hdu5753 2016 Multi-University Training Contest 3 Permutation Bo 解题报告
- Java集合之Collection接口