精华内容
下载资源
问答
  • js多文件上传

    2016-03-04 08:56:56
    javascript实现的多文件上传,样式漂亮,使用方便
  • vue.js多文件上传 vue-upload-component (vue-upload-component) Vue.js file upload component, Support for multiple file uploads, progress, html4, ie9 Html4 does not support the progress bar, file size, ...

    vue.js多文件上传

    vue-upload-component (vue-upload-component)

    Vue.js file upload component, Support for multiple file uploads, progress, html4, ie9 Html4 does not support the progress bar, file size, accept, timeout, headers, response status code error of judgment

    Vue.js文件上传组件,支持多个文件上传,进度,html4,ie9 html4不支持进度条,文件大小,接受,超时,标头,响应状态码错误判断

    现场演示 (live demo)

    https://lian-yue.github.io/multi

    https://lian-yue.github.io/multi

    翻译自: https://vuejsexamples.com/vue-js-file-upload-support-for-multiple-file-uploads/

    vue.js多文件上传

    展开全文
  • ajaxfileupload.js 这是个非常好的异步上传图片的插件,来解决form表单上传时要刷新页面的问题。支持多文件上传
  • js 多文件上传 组件

    2010-09-17 09:00:16
    js 多文件上传 组件 很实用。类似于51.com 和qq空间相册 上传
  • ajaxfileupload.js 多文件上传,很好用的!
  • Ajax file upload plugin是一个功能强大的文件上传jQuery插件,可自定义链接、或其它元素庖代传统的file表单上传结果,可实现Ajax动态提示文件上传 过程,同时支撑多文件上传,AjaxFileUpload文件上传插件功能...
    
    Ajax file upload plugin是一个功能强大的文件上传jQuery插件,可自定义链接、或其它元素庖代传统的file表单上传结果,可实现Ajax动态提示文件上传 过程,同时支撑多文件上传,AjaxFileUpload文件上传插件功能斗劲稳定,今朝应用也斗劲多,简单应用实例如下:

    查看AjaxFileUpload相干jQuery官方文档介绍

    AjaxFileUpload JS库文件
    查看AjaxFileUpload演示
    一,创建一个ajax upload按钮元素(button),可所以随便率性元素(链接、等),如下:

    <div id="upload_button">上传</div>
    二,创建一个ajax upload上传实例,如下:

    new AjaxUpload(""upload_button_id"", {action: ""upload.php""});
    此中upload_button_id默示第一步创建的元素ID,upload.php默示处理惩罚上传文件的PHP文件。

    设备ajax upload

    new AjaxUpload(""#upload_button_id"", {
    action: ""upload.php"",
    name: ""userfile"",
    data: {
    example_key1 : ""example_value"",
    example_key2 : ""example_value2""
    },
    autoSubmit: true,
    onChange: function(file, extension){},
    onSubmit: function(file, extension) {},
    onComplete: function(file, response) {}
    });
    1,action默示处理惩罚上传文件的PHP文件
    2,name默示上传文件name,与<input type="file" name="upload" />此中的upload
    3,data默示额外的参数
    4,autoSubmit默示是否主动提交
    5,onChange默示触发change事务调用函数,此中extension默示文件后缀
    6,onSubmit默示触发提交事务调用函数
    7,onComplete默示文件上传成功事务调用函数

    jQuery插件AjaxFileUpload文件上传实例代码一
    实现ajax动态文字提示上传状况功能,分别触发onSubmit和onComplete事务

    var button = ¥(""#button1""), interval;
    new Ajax_upload(button,{
    action: ""upload-test.php"",
    name: ""myfile"",
    onSubmit : function(file, ext){
    button.text(""Uploading"");
    this.disable();
    interval = window.setInterval(function(){
    var text = button.text();
    if (text.length < 13){
    button.text(text + ""."");
    } else {
    button.text(""Uploading"");
    }
    }, 200);
    },
    onComplete: function(file, response){
    button.text(""Upload"");
    window.clearInterval(interval);
    this.enable();
    ¥(""<li></li>"").appendTo(""#example1 .files"").text(file);
    }
    });
    jQuery插件AjaxFileUpload文件上传实例代码二
    实现文件后缀格局搜检功能,如:(ext && /^(jpg|png|jpeg|gif)¥/.test(ext))

    new Ajax_upload(""#button2"", {
    action: ""upload.htm"",
    data : {
    ""key1"" : "This data won""t",
    ""key2"" : "be send because",
    ""key3"" : "we will overwrite it"
    },
    onSubmit : function(file , ext){
    if (ext && /^(jpg|png|jpeg|gif)¥/.test(ext)){
    this.set_data({
    ""key"": ""This string will be send with the file""
    });
    ¥(""#example2 .text"").text(""Uploading "" + file);
    } else {
    ¥(""#example2 .text"").text(""Error: only images are allowed"");
    return false;
    }
    },
    onComplete : function(file){
    ¥(""#example2 .text"").text(""Uploaded "" + file);
    }
    });
    jQuery插件AjaxFileUpload文件上传实例代码三
    最根蒂根基的多文件AjaxFileUpload上传功能

    new Ajax_upload(""#button3"", {
    action: ""upload.htm"",
    name: ""myfile"",
    onComplete : function(file){
    ¥(""<li></li>"").appendTo(¥(""#example3 .files"")).text(file);
    }
    });
    应用jQuery插件AjaxFileUpload文件上传功能很是强大,内置函数定义的事务和交互斗劲多,大师可看看上方三个实例的演示,实现Javascript多文件上传功能,值得推荐。
    展开全文
  • html5上传视频和图片 可预览上传,支持多文件上传, HTML5+js 文件想小,简单好用。后端结合PHP等语言。
  • 防网易的JavaScript多文件上传例子(附源码)。
  • js多文件上传加入到FormData对象

    千次阅读 2019-06-11 20:44:19
    var fileObj = document.getElementById("upload-file2").files; // 获取文件对象 var form = new FormData(); for(var i=0;i<fileObj.length;i++){ form.append("file", fileObj[i]...

     var fileObj = document.getElementById("upload-file2").files; // 获取文件对象   

    var form = new FormData();     
              for(var i=0;i<fileObj.length;i++){
                  form.append("file", fileObj[i]);// 文件对象   
              }
               

    展开全文
  • 下面是本人项目中出现的多文件上传部分代码,其中fileSelector代表一个可以选择个文件的 <input type="file" name="file" id="file" multiple="multiple" /> window.fileUploadIdentity=0; $...

    因为项目需要,需要将多个文件拆分成多次请求上传。下面是本人项目中出现的多文件上传部分代码,其中fileSelector代表一个可以选择多个文件的

    <input type="file" name="file" id="file" multiple="multiple" />

    window.fileUploadIdentity=0;
    	
    $(fileSelector).on("change", function() {
    
    	for (var i = 0; i < this.files.length; i++) {  //上传图片
    	
    		var formData = new FormData();
    		formData.append("file", this.files[i]);
    	
    		 $.ajax({ // ajax发送文件
    			 url: "/messageFile/uploadFile?fileUploadIdentity="+fileUploadIdentity+"&fileName="+this.files[i].name+"",
    			 type: "post",
    			 data: formData,
    			 async: true,
    			 cache: false,
    			 contentType: false,
    			 processData: false,
    			 success: function (json_data) {
    							     
    			}
    		 });
    						
    					
    		++fileUploadIdentity;
    	 }
    });

     

    展开全文
  • 效果图: 首先引入:         HTML代码: 上传图片列表:  
  • SWFUpload可以说是目前最好的多文件上传工具之一,虽然它是基于flash插件开发的,但是相比目前很多js多文件上传还是具有很优点: 可以同时选择文件上传(注意是以此选择文件) 无刷新上传 可以显示进度条 ...
  • 文章目录前言一、环境准备及依赖库二、项目结构三、 功能实现1、axios二次封装2、 单文件上传FROM-DATA,先选文件再上传3、 单文件上传BASE64,只能上传小于100K的png或jpg图片文件4、多文件上传FORM-DATA5、文件...
  • html5和js多文件上传插件。可任意文件选择上传,每个文件都可以显示进度,同时可以显示整体进度。采用了html的file对象和blob对象的属性和方法。
  • 基于jquery和bootstrap框架研发的多文件上传js,资源包含文件上传样式以及各种js,该控件可以浏览、删除、单个上传、批量上传
  • C#/.NET js跨域异步上传文件。前端用js异步做利用uploadify这个js库,上传部分在另一个mvc项目中 从而实现跨域上传文件。支持多文件上传 上传部分稍微修改同样适用不是mvc项目,很简单的改动。 代码详细,简单易懂
  • 主要为大家详细介绍了基于javascript html5实现多文件上传的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • Vue.js文件上传组件,多文件上传,上传目录,拖动上传,拖动目录,同时上传多个文件,html4(IE 9),`PUT`方法,自定义过滤器
  • 主要为大家详细介绍了JavaScript实现form表单的多文件上传,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • js实现多文件上传

    千次阅读 2013-03-20 11:15:26
    ...首先,将以下js代码放入页面这里我判断的是只能上传xls格式的文件,可以根据自己的需求修改js中的checkExcel方法    var __FILE_INDEX = 0; //文件标识   var __LOADING_TIP_DIV = nu
  • js实现文件上传

    热门讨论 2013-04-09 14:06:14
    很棒的js文件上传源代码,上传稳定还有进度提示,需要使用commons-fileupload和commons-io.可以直接嵌入项目里面使用。
  • 本代码是一个多文件上传JS类,希望大家有用。
  • SWFUpload是一个客户端文件上传工具,主要特点是: 能够完成文件。 实现无刷新页面上传。 随时空中上传进度。 可以与其他库进行兼容。 支持Flash9及以上版本。 使用SWFUpload进行上传的页面如下: 使用...
  • java 实现html5文件选择上传_h5多文件上传_ajax异步多文件上传_java处理多文件上传 html页面如下 muti file upload method="POST" enctype="multipart/form-
  • JS 实现文件上传功能

    2014-07-02 17:16:29
    js实现文件上传功能,无需安装flash
  • JavaScript上传多文件

    热门讨论 2010-08-18 16:42:24
    可以直接用的js,选择文件上传。代码少,功能
  • 多文件上传JS,模仿QQ邮箱

    热门讨论 2010-05-26 11:44:00
    实现多文件上传JS,模仿QQ邮箱,初学者学习。
  • JS实现本地文件上传至阿里云服务器 前言 在前面的博客《AngularJS进阶(二十五)JS实现图片预览并导入服务器功能》(点击查看详情)中,实现了JS将本地图片文件预览并上传至阿里云服务器的操作。这次需要实现将本地打包...
  • //上传一个文件 HTML: &lt;form id="uploadFileForm"&gt; &lt;input type="file" name="file" id="updateFileInput"/&gt; &lt;/form&gt; ...
  • js文件上传,elementUi el-upload文件上传

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 265,659
精华内容 106,263
关键字:

js多文件上传