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;
}

  

最新文章

  1. HTML5 Page Visibility
  2. iOS 浅复制和深复制的深层理解,含示例
  3. 【转载】 Java线程面试题 Top 50
  4. Sprint总结
  5. 《ASP.NET MVC4 WEB编程》学习笔记------Model模型绑定
  6. ElasticSearch elasticsearch-servicewrapper 在linux上的安装部署全程记录
  7. POJ3279 Catch That Cow(BFS)
  8. 【转】monkey工具简介
  9. Kafka 详解(一)------简介
  10. cookie应用——UI中查询条件的保存
  11. 分配swap分区
  12. 最全的测试用例(UI)
  13. CListCtrl 之右键菜单
  14. anconda使用---使用conda管理python环境
  15. Andorid 之日历控件,可左右滑动,包含公历,农历,节假日等
  16. win10启动移动热点解决办法
  17. JS 如何准确获取当前页面URL网址信息
  18. C#里面获得应用程序的当前路径
  19. 油田 (Oil Deposits UVA - 572)
  20. C#下载网页

热门文章

  1. CentOS 7.2-编译安装zabbix 3.4
  2. jdk从1.8换成1.7后,查看版本还是1.8解决方法
  3. 前端开发工程师 - 01.页面制作 - 第3章.HTML
  4. [CodeForce455A]Boredom
  5. fizzbuzz Python很有意思的解法
  6. laravel 的DB::raw() 语法使用
  7. [SHELL]shell中变量的使用
  8. SGU 194 Reactor Cooling(无源无汇上下界可行流)
  9. CodeForces - 792C Divide by Three (DP做法)
  10. DAY4敏捷冲刺