网站已改版，请使用新地址访问：
fileinput 依赖bootstrap做的一款文件上传插件，不使用flash 用html5的方式 ，界面美 .net 254万源代码下载-
&文件名称: fileinput& & [
& & & & &&]
&&所属分类:
&&开发工具: JavaScript
&&文件大小: 100 KB
&&上传时间:
&&下载次数: 0
&&提 供 者:
&详细说明：依赖bootstrap做的一款文件上传插件，不使用flash，采用html5的方式上传文件，界面美观，功能强大，还支持多方便上传-An enhanced HTML 5 file input for Bootstrap 3.x with file preview for various files, offers multiple selection, and more. The plugin allows you a simple way to setup an advanced file picker/upload control built to work specially with Bootstrap CSS3 styles. It enhances the file input functionality further, by offering support to preview a wide variety of files i.e. images, text, html, video, audio, flash, and objects. In addition, it includes AJAX based uploads, dragging & dropping files, viewing upload progress, and selectively previewing, adding, or deleting files.
文件列表(点击判断是否您需要的文件，如果是垃圾请在下面评价投诉):
&&基于bootstrap的文件上传插件\css\default.css&&...........................\...\fileinput.css&&...........................\...\fileinput.min.css&&...........................\...\normalize.css&&...........................\fonts\icomoon.eot&&...........................\.....\icomoon.svg&&...........................\.....\icomoon.ttf&&...........................\.....\icomoon.woff&&...........................\img\loading-sm.gif&&...........................\...\loading.gif&&...........................\index.html&&...........................\js\fileinput.js&&...........................\..\fileinput.min.js&&...........................\..\fileinput_locale_cz.js&&...........................\..\fileinput_locale_de.js&&...........................\..\fileinput_locale_es.js&&...........................\..\fileinput_locale_fr.js&&...........................\..\fileinput_locale_hu.js&&...........................\..\fileinput_locale_it.js&&...........................\..\fileinput_locale_LANG.js&&...........................\..\fileinput_locale_nl.js&&...........................\..\fileinput_locale_pl.js&&...........................\..\fileinput_locale_pt.js&&...........................\..\fileinput_locale_ru.js&&...........................\..\fileinput_locale_sk.js&&...........................\..\fileinput_locale_sr.js&&...........................\..\fileinput_locale_th.js&&...........................\..\fileinput_locale_tr.js&&...........................\..\fileinput_locale_uk.js&&...........................\..\fileinput_locale_zh.js&&...........................\nuget\build.bat&&...........................\.....\Package.nuspec&&...........................\readme.html&&...........................\..lated\1.jpg&&...........................\.......\2.jpg&&...........................\css&&...........................\fonts&&...........................\img&&...........................\js&&...........................\nuget&&...........................\related&&基于bootstrap的文件上传插件
&输入关键字，在本站254万海量源码库中尽情搜索：其他回答(1)
前端跟后端没关系.没有什么可不可以用在asp.net里这种说法.
只有会用和不会用.不是已经用上了?
收获园豆：50
园豆：24265
园豆：24265
&&&您需要以后才能回答，未注册用户请先。15:41 提问
文件上传插件 Bootstrap fileinput，当有预览时文件稍大就传不了了。请问怎么解决呢？
我在用 Bootstrap fileinput，确实很好用。但出现了一个问题，当有预览框时，如果文件大一点，20多MB，点击上传就没有反应了。插件本身、tomcat等各处都设置了上传文件大小是上G的，但没有用。而如果去掉预览功能，则一切正常！怎么回事呢？有人说这是一个BUG，但我想这么明显的BUG不应该有啊。我用这个插件主要就是用它的预览功能的，而且上传文件一般都是一百来MB大小。很急，不知大家有没有用这个插件，碰上这种问题呢？谢谢。
按赞数排序
楼主问题解决了吗，我也有同样的问题，求解答
楼主解决了么？
其他相关推荐这是我上传的第二个plugin 首先第一点就是因为这个好看 符合bootstrap的界面风格 第二是可以拖拽(虽然我不常用这个功能 但是这样界面看起来就丰满了很多) 最后不得不吐槽这个的回发事件 我百度了很久才找到 CSDN上面也问了 不知道是自己百度的方式不正确还是别的什么原因..好吧 我蠢
/file-input
/kartik-v/bootstrap-fileinput
这里以我一个项目的新建产品为例 是基于MVC框架的 样子是不是很好看
选中图片的效果
上传完成之后
css&fileinput.cs
js&fileinput.js、fileinput_locale_zh.js(汉化包)
accept为需要控制的文件格式
1 &input id="imgUpload" type="file" class="file-loading" accept="image/*"&
language: 'zh'完成汉化 默认为英文,autoReplace允许替换 maxFileCount：1&这里说明一下 我做的是上传单个的 如果需要批量上传的 可以修改这两个参数&allowedFileExtensions: ["jpg", "png", "gif"]就是验证你上传文件的格式 这里是图片文件&previewFileIcon 是设置按钮样式 bootstrap提供了几种按钮颜色 以及大量的ICON&
.on("fileuploaded", function (e, data) {...} }) 这个就是我卡很久的地方了 先是不知道通过fileuploaded接收 然后是controller里的json不知道哪里取 这里是在data.response中有你return的json
$("#imgUpload")
.fileinput({
language: 'zh',
uploadUrl: "/Product/imgDeal",
autoReplace: true,
maxFileCount: 1,
allowedFileExtensions: ["jpg", "png", "gif"],
browseClass: "btn btn-primary", //按钮样式
previewFileIcon: "&i class='glyphicon glyphicon-king'&&/i&"
.on("fileuploaded", function (e, data) {
var res = data.
if (res.state & 0) {
alert('上传成功');
alert(res.path);
alert('上传失败')
Controller:
这里没什么可说的 写的都很明确了
[HttpPost]
public ActionResult imgDeal()
uploadImages img = new uploadImages();
var image = Request.F
if (image != null && image.Count & 0)
string savePath = "../Uploads/";
var _image = image[0];
string _imageExt = System.IO.Path.GetExtension(_image.FileName).ToLower();
string _imageName = DateTime.Now.ToString("yyyyMMddhhmmss") + _imageE
_image.SaveAs(Server.MapPath(savePath + _imageName));
img.state = 1;
img.name = _imageN
img.path = savePath + _imageN
img.state = 0;
return Json(img);
这样就OK了
转载请注明地址：/CoffeeEddy/p/5167666.html
阅读(...) 评论()有用过bootstrap-fileinput的吗_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
有用过bootstrap-fileinput的吗
我有更好的答案
&lt:$('; &#47代码如下://xxx/1;,&#39,
&quot.file').fileinput({
showPreview : true,
showUpload : true,
allowedFileE class=&#39, 'img src='' class='file-preview-image'&&gt,
initialPreview: [
&&img src=&#39://xxx/1;']: ['jpg';,
不支持IE9以下
为您推荐：
其他类似问题
bootstrap的相关知识
换一换
回答问题，赢新手礼包}