JS获取输入[文件]的值并显示在页面的实现方法

  介绍

这篇文章给大家分享的是有关JS获取输入[文件]的值并显示在页面的实现方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

JS有什么特点

1, JS属于一种解释性脚本语言;2,在绝大多数浏览器的支持下,JS可以在多种平台下运行,拥有着跨平台特性;3,JS属于一种弱类型脚本语言,对使用的数据类型未做出严格的要求,能够进行类型转换,简单又容易上手;4,JS语言安全性高,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失;5,基于对象的脚本语言,JS不仅可以创建对象,也能使用现有的对象。

<强>实例如下所示:

(文档)。在美元(& # 39;改变# 39;,,& # 39;.photo-box  .file& # 39;,, function  (), {//提醒才能($(这).val ());   function 才能;getObjectURL(文件),{   ,,,var  url =,空;   ,,,if  (window.createObjectURL  !=,未定义),{,//基本   ,,,,,url =, window.createObjectURL(文件);   ,,,},else  if  (window.URL  !=,未定义),{,//火狐(firefox)   ,,,,,url =, window.URL.createObjectURL(文件);   ,,,},else  if  (window.webkitURL  !=,未定义),{,//webkit 一、铬   ,,,,,url =, window.webkitURL.createObjectURL(文件);   ,,,}   ,,,return  url;   ,,}   var 才能;objUrl =, getObjectURL (this.files [0]);   console.log才能(“objUrl =,,, +, objUrl);   var 才能;html =, & # 39; & lt; div 类=皃hoto-box"祝辞& lt; https://www.yisu.com/zixun/img  src=" + objUrl +”alt=" ">

删除

';   (美元).parent () .parent () .append (html);   })

感谢各位的阅读!关于“JS获取输入[文件]的值并显示在页面的实现方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

JS获取输入[文件]的值并显示在页面的实现方法