当前位置:首页 » 文件管理 » js批量上传

js批量上传

发布时间: 2024-03-17 20:40:09

① 我需要一个js或者jquery能批量上传图片+预览的功能。急~~~急~~~急~~

WebUploader项目,符合你的要求。

//文件上传过程中创建进度条实时显示。
uploader.on('uploadProgress',function(file,percentage){
var$li=$('#'+file.id),
$percent=$li.find('.progressspan');

//避免重复创建
if(!$percent.length){
$percent=$('<pclass="progress"><span></span></p>')
.appendTo($li)
.find('span');
}

$percent.css('width',percentage*100+'%');
});
//文件上传成功,给item添加成功class,用样式标记上传成功。
uploader.on('uploadSuccess',function(file){
$('#'+file.id).addClass('upload-state-done');
});

//文件上传失败,显示上传出错。
uploader.on('uploadError',function(file){
var$li=$('#'+file.id),
$error=$li.find('div.error');

//避免重复创建
if(!$error.length){
$error=$('<divclass="error"></div>').appendTo($li);
}

$error.text('上传失败');
});

//完成上传完了,成功或者失败,先删除进度条。
uploader.on('uploadComplete',function(file){
$('#'+file.id).find('.progress').remove();
});

更多细节,请查看js源码

② .net 如何上传整个文件夹的文件

如果要实现整个文件夹的上传, 有两种方式:

  1. 使用支持文件夹上传的插件.
    .NET你可以用servlet; 或者Flesh. 其中 chrome浏览器支持使用javascript上传文件夹文件


  2. 手动将文件夹中的所有文件,利用<input type="file" />控件添加到页面, 一次性提交上传. 其中支持html5的浏览器大部分可使用<input type="file" multiple="multiple" />一次选择多文件上传(IE9除外)

③ 怎么获取bootstrap批量上传的file

所需css\js包,自寻寻找
bootstrap.css
fileinput.css

fileinput.min.js
fileinput_locale_zh.min.js //汉化包

注:bootstrap的css影响图标显示,最好引用CDN上的:http://www.bootcdn.cn/,先关插件都可以在里面找。

_________________________________________________________________________________________

部分属性

可在<input ..>中直接添加的属性

data-show-preview true|false //选择文件后是否显示图片
data-show-upload true|false //是否显示组件中的上传按钮,鉴于需要同步上传,可以选择设置为fals
multiple //,用于支持多选,可以通过js配置控制数量限制
readonly true|false //为看出什么实际作用,true,false没区别data-allowed-file-extensions ["csv","txt"] //限制 上传的文件类型,类型不符合会有提示
_________________________________________________________________________________________________________
在js中的配置属性$("#ID").fileinput({});
language zh //设置语言包,zh代表大陆汉化包,其他地区请另外下载js
maxFileCount int //多选情况,数量的限制属性,超过限制会有提示
showUpload true|false //是否显示上传按钮,与date-show-upload一致 <code class="language-js hljs has-numbering">allowedPreviewTypes ['image'] //允许选择文件后显示缩图的文件类型
</code><pre name="code" class="prettyprint"><code class="language-js hljs has-numbering">maxFileSize 20000 //最大上传限制,单位kb</code>
更多请看官方文档。。。。。。

热点内容
php怎么反编译 发布:2025-01-19 14:10:54 浏览:590
加密货币交易平台排名 发布:2025-01-19 13:58:21 浏览:741
红绿灯的编程 发布:2025-01-19 13:57:37 浏览:113
老男孩linux教程 发布:2025-01-19 13:44:48 浏览:941
买车怎么区分车配置 发布:2025-01-19 13:44:45 浏览:242
丢失缓存视频 发布:2025-01-19 13:44:09 浏览:183
C语言tp 发布:2025-01-19 13:26:20 浏览:107
手机qq改变存储位置 发布:2025-01-19 13:25:17 浏览:83
吃解压海鲜 发布:2025-01-19 13:23:50 浏览:820
sql子表 发布:2025-01-19 13:23:11 浏览:334