标签: bootstrap-file-upload

Bootstrap Fileinput在第二次上载时不再发送文件

当我使用Krajees Bootstrap Fileinput上传文件时,我会对文件执行服务器端验证.当出现问题时,我只需输出一个JSON-Object {error:'Something went wrong'}.插件完美地显示错误.

但是:当我再次按下"上传"之后,$_FILES被调用的提交PHP脚本中的数组为空.这意味着,即使已通知已发生错误,插件也不会再次发送文件.

为什么插件只会上传文件一次,即使它检测到有错误?有没有什么方法可以"重置"文件的"上传状态"?(我只上传一个文件).

我已经检查了文件事件,但没有一个让我达到了预期的结果,相反,他们破坏了整个上传表单,某些按钮被突然禁用等等.

ajax file-upload asyncfileupload twitter-bootstrap bootstrap-file-upload

9
推荐指数
1
解决办法
1943
查看次数

如何在bootstrap-fileinput插件中显示进度?

我有这个JavaScript代码:

$("#uploadFile").fileinput({
    uploadUrl: url,
    maxFilePreviewSize: 10240,
    allowedFileExtensions: ["xls", "xlsx", "csv"],
    maxFileCount: 1,
    language: 'es',
    theme: 'gly',
    autoReplace: true,
    maxFileSize: 4096,
    required: true,
    browseOnZoneClick: true
});

$('#uploadFile').on('fileuploaded', function(event, data, previewId, index) {
    var form = data.form,
      files = data.files,
      extra = data.extra,
      response = data.response,
      reader = data.reader;
    DisplayResults(response);
});
Run Code Online (Sandbox Code Playgroud)

bootstrap-fileinput有效,但在处理时没有显示进度.它仅显示上传文件时完全绘制了"处理..."文本的进度条,并在POST返回时更改为"完成"文本.

我正在使用这个插件:http://plugins.krajee.com/file-input

如何设置进度条以显示进度百分比?文件实际上传和文件处理时?

jquery file-upload jquery-file-upload bootstrap-file-upload

7
推荐指数
1
解决办法
1523
查看次数

添加取消上传或中止功能以引导多个文件上传插件

我正在使用bootstrap多文件上传插件上传文件.我正在使用此链接上的示例.现在我想在"添加文件"按钮之外添加另一个按钮"取消上传".点击"取消上传"按钮后,应停止上传过程.请帮我解决这个问题.谢谢

jquery file-upload twitter-bootstrap bootstrap-file-upload multiple-file-upload

5
推荐指数
1
解决办法
9814
查看次数

Bootstrap Filestyle - 更改文件字段的按钮文本不起作用

我想在Bootstrap 2.3.2中的Bootstrap Filestyle插件中更改文件字段的按钮文本,但它不起作用,按钮文本仍然是默认的.我通过替换jquery中的元素来创建文件字段,并尝试按属性data-buttonText或方法设置文本$("#changeAccountsSourceModal :file").filestyle('buttonText', 'Choose address');

jsfiddle样本

文件字段

$("#changeAccountsSourceModal .form-horizontal").replaceWith("<input type=\"file\" class=\"filestyle\" data-input=\"true\" data-buttonText=\"Choose address\">");

$("#changeAccountsSourceModal :file").filestyle();
Run Code Online (Sandbox Code Playgroud)

javascript jquery twitter-bootstrap twitter-bootstrap-2 bootstrap-file-upload

1
推荐指数
1
解决办法
4500
查看次数