在html中显示本地图片
来源:互联网 发布:淘宝能买哪些虚拟产品 编辑:程序博客网 时间:2024/06/05 17:32
1.html代码
<a id="a-upload">
<input id="imge" type="file" name="imge"/>更换头像
</a>
2.js代码
$("#a-upload").bind("change", function() {
// 根据这个 <input> 获取文件的 HTML5 js 对象var files = event.target.files, file;
if (files && files.length > 0) {
/ 获取目前上传的文件
file = files[0];
// 来在控制台看看到底这个对象是什么
onsole.log(file);
// !!!!!!
// 下面是关键的关键,通过这个 file 对象生成一个可用的图像 URL
// 获取 window 的 URL 工具
var URL = window.URL || window.webkitURL;
// 通过 file 生成目标 url
var imgURL = URL.createObjectURL(file);
// 用这个 URL 产生一个 <img> 将其显示出来
/*$('body').append($('<img/>').attr('src', imgURL)); */
// 使用下面这句可以在内存中释放对此 url 的伺服,跑了之后那个 URL 就无效了
// URL.revokeObjectURL(imgURL);
}
$('#personalimge').attr('src',imgURL);
});
0 0
- 在html中显示本地图片
- 在html中显示本地图片
- 在IE中显示本地图片
- 在HTML中显示中文名的图片
- 在HTML中显示中文名的图片
- html的img中使用SVG图片做SRC在本地测试可用但是上传服务器后不能显示问题解决
- 在html页面中预览图片获取本地的绝对路径
- 本地图片显示在网页
- java读取本地图片并在jsp中显示
- FileUpload在IE7、IE8页面中显示本地图片
- js遍历本地所有图片文件,显示在浏览器中
- 图片保存到本地在相册中无法显示问题
- UIWebView中显示本地图片
- jsp中显示本地图片
- Android中Textview显示带html文本二-------【Textview显示本地图片】
- Android中Textview显示带html文本二-------【Textview显示本地图片】
- Android中Textview显示带html文本二-------【Textview显示本地图片】
- Android中Textview显示带html文本二-------【Textview显示本地图片】
- Linux:Valgrind使用
- 记录开发中遇到的坑(华为手机获取拍照权限后拍照,返回值为空)!
- org.springframework.web.HttpMediaTypeNotAcceptableException: Could not find acceptable representatio
- 解读EXPLAIN执行计划中的key_len
- CentOS7 ping通 telnet不通
- 在html中显示本地图片
- POJ题型
- Python学习----DAY1
- tensorflow学习笔记(三):tensorflow 基础知识
- LeetCode刷题(C++)——3Sum Closest(Medium)
- 单例模式(Singleton mode)实战讲解
- Java语言中try-catch-finally中return解析以及引用类型和值类型区分
- C语言程序设计(6)
- 霍夫曼