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

2018-01-27 17:26:58
本文实例展示了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程序设计有所帮助。



您可能感兴趣的文章:JScript中使用ADODB.Stream判断文件编码的代码JavaScript下利用fso判断文件是否存在的代码js 判断文件类型并控制表单提交示例代码客户端js判断文件类型和文件大小即限制上传大小判断文件是否正在被使用的JS代码利用javascript判断文件是否存在Javascript判断文件是否存在(客户端/服务器端)js判断文件格式及大小的简单实例(必看)javascript判断文件是否存在实例代码

source:
http://www.jb51.net/article/54650.htm


-------------------------

[47041]php限制上传文件类型并保存上传文件的方法

2018-03-03 19:27:49
本文实例讲述了php限制上传文件类型并保存上传文件的方法。分享给大家供大家参考。具体如下:下面的代码演示了php中如何获取用户上传的文件,并限制文件类型的一般图片文件,最后保存到服务器...    阅读全文

-------------------------

[25343]java如何实现判断文件的真实类型

2018-03-03 17:52:24
在文件传输过程中,为了安全验证,对于手工改动文件后缀名产生的伪造文件进行判断过滤。比如,我们需要的是excel文件,如果不加验证内容,将一些可执行的文件通过更改后缀传输给你,就是一个很...    阅读全文

-------------------------

[8498]JSFormData上传文件的设置方法

2018-03-03 19:27:38
使用FormData上传文件时,总是获取不到req.file对象。发现是没有配置对FormData导致。这里我是在vue中使用axios发送的请求,配置代码如下。重点地方给出注释[pre]&lt;form id=uploadfo...    阅读全文

-------------------------

[5796]JavaScript实现把数字转换成中文

2018-02-22 08:11:31
[pre]var _change = {ary0:[零, 一, 二, 三, 四, 五, 六, 七, 八, 九],ary1:[, 十, 百, 千],ary2:[, 万, 亿, 兆],init:function (name) {this.nam...    阅读全文

-------------------------

[5769]python抓取文件夹的所有文件

2018-02-27 19:46:42
本文实例为大家分享了python抓取文件夹的所有文件的具体代码,供大家参考,具体内容如下[pre]#!/user/bin/python # -*- coding:utf8 -*- import Basic import os ###########...    阅读全文

-------------------------

[5197]浅谈关于AndroidWebView上传文件的解决方案

2018-03-03 19:27:11
我们在开发需求的时候,难免会接入一下第三方的H5页面,有些H5页面是具有上传照片的功能,Android 中的 WebView是不能直接打开文件选择弹框的接下来我讲简单提供一下解决方案,先说一下思路...    阅读全文

-------------------------

[1864]霍金生前最后一篇论文曝光:提出证明多元宇宙的方法

2018-03-19 21:31:29
  在英国著名理论物理学家斯蒂芬·霍金(Stephen Hawking)去世3天后,霍金最后的科学贡献也为世人所知。英国《泰晤士报》3月18日报道,霍金在去世前两周提交了最后一篇论文,其中提出了为寻找“...    阅读全文

-------------------------

[1546]python定向爬取淘宝商品价格

2018-02-27 19:48:46
python爬虫学习之定向爬取淘宝商品价格,供大家参考,具体内容如下[pre]import requestsimport redef getHTMLText(url): try: r = requests.get(url, timeout=30) r.rai...    阅读全文

-------------------------

[1059]PHP实现把数字ID转字母ID

2018-02-20 23:52:16
ID是网站中经常出现的,它一般是数字,但是我们发现现在的网站很多ID都是字母了,比如YouTube的视频播放页它的URL类似/watch?v=yzNjIBEdyww。 下面是一个生成字母ID的方法。使用示例:复制代码...    阅读全文

-------------------------

[797]Sed命令中含有转义字符的解决方法

2018-03-13 23:44:49
在sed命令中有许多的字符都被转义,比如 , $, ^,单双引号还有点号等等,因此使用sed命令进行字符串的匹配和修改的时候,字符串中如果含有转义字符,很多情况下不能直接用字符本身表示。这时候可以...    阅读全文

-------------------------

[305]微信小程序城市定位的实现实例(获取当前所在国家城市信息)

2018-02-22 10:35:18
前言在微信小程序中,我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息,这个信息是当前位置的经纬度。如果我们想获取当前位置是处于哪个国家,哪个城市等信息,该如何实现呢?...    阅读全文

-------------------------

[60]Python记录日志的灵活性和可配置性介绍

2018-02-27 19:47:28
对一名开发者来说最糟糕的情况,莫过于要弄清楚一个不熟悉的应用为何不工作。有时候,你甚至不知道系统运行,是否跟原始设计一致。在线运行的应用就是黑盒子,需要被跟踪监控。最简单也最重要的...    阅读全文



Copyright 2002-2017, 版权所有 mwjx.com