最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

js判断文件类型大小并给出提示的方法

来源:动视网 责编:小OO 时间:2020-11-27 20:07:33
文档

js判断文件类型大小并给出提示的方法

上传文件是工作中常用的功能,不同的场景对不同的文件类型和文件大小都有不同的要求。<;form id=";uploadForm";method=";post";class=";layui-form";>;<;p class=";layui-form-item";>;<;label class=";layui-form-label";>;名称<;/label>;<;p class=";layui-input-block";>;<;input type=";text";name=";name";off"。
推荐度:
导读上传文件是工作中常用的功能,不同的场景对不同的文件类型和文件大小都有不同的要求。<;form id=";uploadForm";method=";post";class=";layui-form";>;<;p class=";layui-form-item";>;<;label class=";layui-form-label";>;名称<;/label>;<;p class=";layui-input-block";>;<;input type=";text";name=";name";off"。


本文主要为大家分享一篇js判断文件类型大小并给出提示的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。

上传文件是工作中常用的功能,不同的场景对不同的文件类型和文件大小都有不同的要求:

<form id="uploadForm" method="post" class="layui-form">
 <p class="layui-form-item">
 <label class="layui-form-label">名称</label>
 <p class="layui-input-block">
 <input type="text" name="name" required lay-verify="required"
 placeholder="请输入文件名" autocomplete="off" class="layui-input">
 </p>
 </p>
 <p class="layui-form-item">
 <label class="layui-form-label">资料类型:</label>
 <p class="layui-input-block">
 <select name="datatypeid" id="datatypeid"></select>
 </p>
 <input type="hidden" id="yincang">
 </p>
 <p class="layui-form-item">
 <label class="layui-form-label">上传文件</label>
 <p class="layui-input-block">
 <input class="layui-input" type="file" name="file" onchange="fileChange(this);"/>
 </p>
 </p>
 <p class="layui-form-item">
 <p class="layui-input-block">
 <input type="button" class="layui-btn" value="上传"
 onclick="upload()" />
 </p>
 </p>
 </form>

js方法:

<script type="text/javascript">
 var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
 function fileChange(target, id) {
 var fileSize = 0;
 var filetypes = [ ".doc", ".docx" ];//这里设置接受的文件类型
 var filepath = target.value;
 var filemaxsize = 1024 * 10;//接受的文件最大10M 
 if (filepath) {
 var isnext = false;
 var fileend = filepath.substring(filepath.indexOf("."));
 if (filetypes && filetypes.length > 0) {
 for (var i = 0; i < filetypes.length; i++) {
 if (filetypes[i] == fileend) {
 isnext = true;
 break;
 }
 }
 }
 if (!isnext) {
 alert("不接受此文件类型!");
 target.value = "";
 return false;
 }
 } else {
 return false;
 }
 if (isIE && !target.files) {
 var filePath = target.value;
 var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
 if (!fileSystem.FileExists(filePath)) {
 alert("附件不存在,请重新输入!");
 return false;
 }
 var file = fileSystem.GetFile(filePath);
 fileSize = file.Size;
 } else {
 fileSize = target.files[0].size;
 }
 var size = fileSize / 1024;
 if (size > filemaxsize) {
 alert("附件大小不能大于" + filemaxsize / 1024 + "M!");
 target.value = "";
 return false;
 }
 if (size <= 0) {
 alert("附件大小不能为0M!");
 target.value = "";
 return false;
 }
 }
 </script>

文档

js判断文件类型大小并给出提示的方法

上传文件是工作中常用的功能,不同的场景对不同的文件类型和文件大小都有不同的要求。<;form id=";uploadForm";method=";post";class=";layui-form";>;<;p class=";layui-form-item";>;<;label class=";layui-form-label";>;名称<;/label>;<;p class=";layui-input-block";>;<;input type=";text";name=";name";off"。
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top