编辑图片时,能够实时显示上传的图片(预览)
来源:互联网 发布:qt 调用dotnet 编程 编辑:程序博客网 时间:2024/06/05 10:43
html代码:
js代码:
$("#store_img").on("change",function(){
var objUrl = getObjectURL(this.files[0]) ; //获取图片的路径,该路径不是图片在本地的路径
if (objUrl) {
$(".hide_img img").attr("src", objUrl) ; //将图片路径存入src中,显示出图片
}
});
//建立一個可存取到該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 ;
}
阅读全文
0 0
- 编辑图片时,能够实时显示上传的图片(预览)
- 可预览缩略图(实时预览)的上传图片界面
- 可预览缩略图(实时预览)的上传图片界面
- 上传图片,实时预览
- 实时预览上传图片(QQ上传头像前的预览)
- 上传图片实时预览缩略图
- JS图片上传实时预览
- 上传前实时图片预览
- 图片上传实时预览效果
- 上传图片本地实时预览
- 上传图片时的预览
- 图片上传时,本地显示预览功能
- 图片上传时,本地显示预览功能
- 图片上传时,本地显示预览功能
- Extjs图片上传显示预览
- jQuery上传图片显示预览
- 可实时预览缩略图的上传图片界面
- 前端实现图片上传实时预览的两种方式
- surfacetexture与camera结合基本流程
- ajax的登录处理
- Android RecyclerView (十)组件化封装
- 去掉AlertDialog边框的方法
- 项目中使用Shiro出现空指针异常的问题
- 编辑图片时,能够实时显示上传的图片(预览)
- jsp中的cookie与session的区别
- Java集合框架之Map---HashMap和LinkedHashMap源码分析
- matlab 二分法
- 枚举的定义和使用
- ts、js自定义方法,实现延迟
- flex布局1
- int (*p)[10] 和 int *p[10]的区别
- Spring RestTemplate get方式发送数据服务器端拿到为空