js批量上传
① 我需要一个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 如何上传整个文件夹的文件
如果要实现整个文件夹的上传, 有两种方式:
使用支持文件夹上传的插件.
.NET你可以用servlet; 或者Flesh. 其中 chrome浏览器支持使用javascript上传文件夹文件手动将文件夹中的所有文件,利用<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>
更多请看官方文档。。。。。。