input file上传图片预览,非插件
2024-08-23 00:42:33
Input标签
<input type="file" name="pic" onchange="changepic(this)" multiple="multiple"/>
JS方法
function changepic(obj) {
//console.log(obj.files[0]);//这里可以获取上传文件的name
var newsrc = getObjectURL(obj.files[0]);
document.getElementById('show').src = newsrc;
}
function getObjectURL(file) {
var url = null;
// 下面函数执行的效果是一样的,只是需要针对不同的浏览器执行不同的 js 函数而已
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;
}
最新文章
- HTML5 Page Visibility
- iOS 浅复制和深复制的深层理解,含示例
- 【转载】 Java线程面试题 Top 50
- Sprint总结
- 《ASP.NET MVC4 WEB编程》学习笔记------Model模型绑定
- ElasticSearch elasticsearch-servicewrapper 在linux上的安装部署全程记录
- POJ3279 Catch That Cow(BFS)
- 【转】monkey工具简介
- Kafka 详解(一)------简介
- cookie应用——UI中查询条件的保存
- 分配swap分区
- 最全的测试用例(UI)
- CListCtrl 之右键菜单
- anconda使用---使用conda管理python环境
- Andorid 之日历控件,可左右滑动,包含公历,农历,节假日等
- win10启动移动热点解决办法
- JS 如何准确获取当前页面URL网址信息
- C#里面获得应用程序的当前路径
- 油田 (Oil Deposits UVA - 572)
- C#下载网页
热门文章
- CentOS 7.2-编译安装zabbix 3.4
- jdk从1.8换成1.7后,查看版本还是1.8解决方法
- 前端开发工程师 - 01.页面制作 - 第3章.HTML
- [CodeForce455A]Boredom
- fizzbuzz Python很有意思的解法
- laravel 的DB::raw() 语法使用
- [SHELL]shell中变量的使用
- SGU 194 Reactor Cooling(无源无汇上下界可行流)
- CodeForces - 792C Divide by Three (DP做法)
- DAY4敏捷冲刺