input file实现批量上传

1、需求实现word批量上传。

2、使用插件jquery-form.js

3、html代码

注意 multiple="multiple"

1 <form id="frm_upload" method="post" enctype="multipart/form-data">
2   <input type="file" id="filepath" multiple="multiple" name="file" style="width: 60px; cursor: pointer" accept="application/msword" />
3 </form>

4、js代码

1  $("#frm_upload").ajaxSubmit({
2   url: "Public/UploadAttachZD",
3   type: "post",
4   success: function (ort) {
5    }
6 });

5、后台代码

 1 string uploadroot = Server.MapPath("~/upload") + "\\11";
 2 if (!Directory.Exists(uploadroot))
 3   Directory.CreateDirectory(uploadroot);
 4 var files = Request.Files;
 5 if (files.Count != 0)
 6 {
 7   for (int i = 0; i < files.Count; i++)
 8   {
 9     var pf = files[i];
10     int npos = pf.FileName.LastIndexOf(‘.‘);
11     string fileext = "";
12     if (npos != -1)
13     {
14       fileext = pf.FileName.Substring(npos + 1);
15     }
16     string newfilepath = DateTime.Now.Ticks.ToString().ToLower() + "." + fileext;
17     pf.SaveAs(uploadroot + "\\" + newfilepath);
18   }
19 }

  

时间: 2024-08-24 18:55:35

input file实现批量上传的相关文章

html input file标签的上传文件 注意点

文件上传框  代码格式:<input type=“file” name=“...” size=“15” input enctype="multipart/form-data“ maxlength=“100”> 属性解释: 属性解释: type=“file”定义文件上传框: name属性定义文件上传框的名称,要保证数据的准确采 集,必须定义一个独一无二的名称: size属性定义文件上传框的宽度,单位是单个字符宽度: maxlength属性定义最多输入的字符数. 注意: 要使得文件上载能

IE input file隐藏不能上传文件解决方法

当大神们都在探讨更深层次的问题时,我还在这里转载发些肤浅的问题解决方案.罢了,为了和我一样笨的后来人. 问题: 上传文件时,用<input type="file" />标签,但是默认的file标签很难看,而且每个浏览器下都有很大差距. 1.一般解决办法: 我们基本都把真正的file标签给隐藏,然后创建一个标签来替代它,比如我们创建一个a标签来替代它,隐藏file标签,单击a标签时触发file标签click弹出选择文件窗口,选择文件之后,触发file的change事件提交.

input file 美化及上传本地预览

效果: /*input file 美化及上传本地预览,兼容IE6-8,FIrefox, Chrome(需在服务端,本地无效)*/<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <title>input file 美化</title>    &

动态input file多文件上传到后台没反应的解决方法!!!

其实我也不太清除具体是什么原因,但是后面就可以了!!! 我用的是springMVC 自带的文件上传 1.首先肯定是要有springMVC上传文件的相关配置! 2.前端 这是动态input file上传到后台没反应的写法(页面上写死的上传到后台是可以的) 这段代码是写在table>>下的form表单里的 <input type="button" name="button" value="添加附件" onclick="ad

jquery input file 多图上传,单张删除,查看

<div class="form-group"> <label for="imgs" class="col-md-3 col-sm-3 control-label">设备图片:</label> <div class="col-md-8 col-sm-8"> <div class="photo-box"> <div class="ph

vue 使用input file点击上传本地图片

<input type="file" @change="upData($event)" ref="InputFile" name="files" /> upData(event) { var reader = new FileReader(); let fileData = this.$refs.InputFile.files[0]; reader.readAsDataURL(fileData); let _thi

ux.plup.File plupload 集成 ux.plup.FileLis 批量上传预览

1 //plupload 集成 2 Ext.define('ux.plup.File', { 3 extend: 'Ext.form.field.Text', 4 xtype: 'plupFile', 5 alias: ['widget.plupFile'], 6 requires: ['Ext.form.trigger.Component', 'Ext.button.Button', 'Ext.window.Toast'], 7 //plup对象 8 uploader: null, 9 //上

亚马逊如何批量上传Flat.File 上传文档制作

亚马逊批量上传简介众所周知的,亚马逊是可以通过表格批量上传,通过批量上传的方式能更快的上架产品,更好的管理线上的产品.工厂如果能直接通过数据包给分销客户,那么分销客户拿到数据,稍微修改优化一下标题,关键,加品牌,就能很快的上架铺货您的产品了亚马逊批量上传优势Excel 表格管理产品通过制作的 excel 表格首次绑定好账户,无需登录亚马逊后台即可一键同步关联线上库存产品,编辑好的表格 3000 个产品即可以在数分钟内上架,下架操作,合理利用excel 公式能在数分钟内批量增加品牌.替换关键字.批

WEB版一次选择多个文件进行批量上传(Plupload)的解决方案

WEB版一次选择多个文件进行批量上传(Plupload)的解决方案 转载自http://www.cnblogs.com/chillsrc/archive/2013/01/30/2883648.html 说明:Plupload支持多种浏览器,多种上传方式! 一般的WEB方式文件上传只能使用FileUpload控件进行一个文件一个文件的进行上传,就算是批量上传,也要把文件一个一个的添加到页面,无法如 windows程序一样,一次选择多个文件进行批量上传.这样在某些应用上就显得很不人性化,有时候客户希