【问题标题】:How to get response data in bootstrap-fileinput?如何在引导文件输入中获取响应数据?
【发布时间】:2016-10-14 13:12:38
【问题描述】:

我使用 bootstrap fileinput 通过 ajax 将文件上传到我的服务器。服务器返回一个 json 文本作为结果。但我不知道如何访问它。

HTML:

<input 
    id="file-uploader" 
    name="files[]" 
    data-show-caption="false" 
    data-upload-url="dataProcessor.php?s=700" 
    class="file"
    type="file" 
    multiple 
    data-language="de" 
    data-min-file-count="1"
>

JS:

$('#file-uploader').fileinput({
    uploadClass: "btn btn-info",
    removeClass: "btn btn-danger"
});

$('#file-uploader').on('fileuploaded', function(event) {
    // event.data is undefined
});

【问题讨论】:

  • 无法用您提供的输入回答,请详细说明。提供ajax调用代码
  • 我上传了问题,带有完整代码
  • 不要使用event.data,试试这个function(data){ console.log(data);}

标签: jquery ajax twitter-bootstrap jquery-file-upload


【解决方案1】:

事件返回 2 个参数。 console.log他们俩看看包含什么

像这样:

$('#file-uploader').on('fileuploaded', function(event, data) {
    // and check what's in both params
    console.log(event);
    console.log(data);
});

【讨论】:

  • 感谢您的提示。 json 在data.jqXHR.responseJSON
  • @IterAtor - 没问题。请点击复选标志标记为答案。谢谢!
  • 我可以确认这是正确的。我已经在我的几个项目中使用了它。您可以访问 data.response 对象,它应该是来自服务/API 的 Json 响应对象 - 在我的几个 Json 响应中,我以 { "success": false, "error": "Darn it" } 为例。只是为了混淆问题,还有一些其他属性 - 您也许可以将此链接包含到列出它们的文档中:plugins.krajee.com/file-input#event-fileuploaded
  • 不是问题,而是答案:D
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-06-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-04-28
  • 1970-01-01
相关资源
最近更新 更多