当前位置:首页 » 文件管理 » 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>
更多请看官方文档。。。。。。

热点内容
redhat存储 发布:2025-07-02 11:12:50 浏览:585
优酷不能用流量缓存 发布:2025-07-02 11:10:46 浏览:940
彩虹岛小草怎么设置脚本 发布:2025-07-02 11:10:33 浏览:921
越压缩越封闭 发布:2025-07-02 11:09:10 浏览:90
jre下载linux 发布:2025-07-02 11:07:43 浏览:219
安卓手机换行如何操作 发布:2025-07-02 11:03:12 浏览:547
玩客云服务器搭建 发布:2025-07-02 10:59:58 浏览:357
假笑数据库 发布:2025-07-02 10:59:09 浏览:850
手机怎么制作脚本 发布:2025-07-02 10:59:05 浏览:366
mybatis的动态sql语句 发布:2025-07-02 10:56:51 浏览:958