JavaScript判断文件上传类型的方法


Posted in Javascript onSeptember 02, 2014

本文实例展示了JavaScript判断文件上传类型的方法,是一个非常常用的技巧。具体实现方法如下:

文件上传时用到一个功能,使用html元素的input标签实现:

<input id="imageFile" name="imageFile1" accept="image/jpg,image/jpeg,image/png,image/bmp,image/gif" type="file"   title="点击选择文件" onchange="imageSubmit(this,0);"/>

选中图片后立即触发onchange事件上传图片,但是重复选择相同的图片不会触发onchang事件,解决办法如下:

function imageSubmit(obj, imageType) { 
  if (imageType == "0") { 
  //相关处理代码... 

  //解决上传相同图片不触发onchange事件
  var nf = obj.cloneNode(true);
  nf.value=''; 
  obj.parentNode.replaceChild(nf, obj);
  }
}

cloneNode()方法用来创建调用这个节点的一个完全相同的副本,参数true表示执行深复制,也就是复制节点及整个子节点树,在参数为false的情况下,执行浅复制,即只复制节点本身。复制后返回的节点副本属于文档所有,但并没有为它指定父节点。因此,这个节点副本就成为了一个“孤儿”,除非通过appendChild()、insertBefore()或replaceChild()将它添加到文档中。

希望本文所述对大家运用javascript进行web程序设计有所帮助。

Javascript 相关文章推荐
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
Mar 02 Javascript
js继承的实现代码
Aug 05 Javascript
Jquery实现自定义窗口随意的拖拽
Mar 12 Javascript
JS获取URL中参数值(QueryString)的4种方法分享
Apr 12 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
Vue.js中用v-bind绑定class的注意事项
Dec 13 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
Dec 19 Javascript
老生常谈Bootstrap媒体对象
Jul 06 Javascript
使用mint-ui开发项目的一些心得(分享)
Sep 07 Javascript
简单的React SSR服务器渲染实现
Dec 11 Javascript
vue prop属性传值与传引用示例
Nov 13 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
Oct 28 Javascript
JavaScript中九种常用排序算法
Sep 02 #Javascript
事件委托与阻止冒泡阻止其父元素事件触发
Sep 02 #Javascript
解决jquery版本冲突的有效方法
Sep 02 #Javascript
ajaxFileUpload.js插件支持多文件上传的方法
Sep 02 #Javascript
引用其它js时如何同时处理多个window.onload事件
Sep 02 #Javascript
JS中自定义定时器让它在某一时刻执行
Sep 02 #Javascript
理解javascript中的回调函数(callback)
Sep 02 #Javascript
You might like
咖啡语言
2021/03/03 咖啡文化
PHP实现网上点歌(二)
2006/10/09 PHP
ThinkPHP3.1之D方法实例详解
2014/06/20 PHP
PHP使用memcache缓存技术提高响应速度的方法
2014/12/26 PHP
浅谈laravel orm 中的一对多关系 hasMany
2019/10/21 PHP
javascript使用eval或者new Function进行语法检查
2010/10/16 Javascript
javascript学习(二)javascript常见问题总结
2013/01/02 Javascript
jQuery获取注册信息并提示实现代码
2013/04/21 Javascript
jquery队列queue与原生模仿其实现方法分享
2014/03/25 Javascript
js原生实现FastClick事件的实例
2016/11/20 Javascript
JS实现搜索框文字可删除功能
2016/12/28 Javascript
jQuery弹出层插件popShow(改进版)用法示例
2017/01/23 Javascript
sublime text配置node.js调试(图文教程)
2017/11/23 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
vue下拉菜单组件(含搜索)的实现代码
2018/11/25 Javascript
Vue+Vuex实现自动登录的知识点详解
2020/03/04 Javascript
[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油
2017/04/01 DOTA
使用Python操作Elasticsearch数据索引的教程
2015/04/08 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
Python使用Dijkstra算法实现求解图中最短路径距离问题详解
2018/05/16 Python
Python基于多线程实现ping扫描功能示例
2018/07/23 Python
Python PyAutoGUI模块控制鼠标和键盘实现自动化任务详解
2018/09/04 Python
Python当中的array数组对象实例详解
2019/06/12 Python
python使用celery实现异步任务执行的例子
2019/08/28 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
wxpython自定义下拉列表框过程图解
2020/02/14 Python
Python3实现打印任意宽度的菱形代码
2020/04/12 Python
python中的django是做什么的
2020/07/31 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
澳大利亚在线时尚精品店:Hello Molly
2018/02/26 全球购物
澳大利亚当地最大的时装生产商:Cue
2018/08/06 全球购物
编码实现字符串转整型的函数
2012/06/02 面试题
2015年幼师个人工作总结
2015/10/15 职场文书
一文彻底理解js原生语法prototype,__proto__和constructor
2021/10/24 Javascript
继承Win10缺点!教你关闭Win11烦人的网络搜索
2021/11/23 数码科技
动态规划之使用备忘录来改进Javascript函数
2022/04/07 Javascript