您现在的位置是:首页 > 文章详情

bootstrap-fileinput 配合oss使用教程

日期:2018-08-01点击:391

本教程使用的是bootstrap-fileinput v4.5.0和jquery-2.1.4,后台代码使用的是asp.net
代码:

  1. 直接使用以上代码会oss提交会出现以下错误:

    IncorrectNumberOfFilesInPOSTRequest POST requires exactly one file upload per request. 5B6270FA17B51A8D536CDB3C ***.oss-cn-qingdao.aliyuncs.com 
  2. 对比提交数据发现,该位置不对,应该改成“file”
    image001
  3. 查找fileinput.js文件中file_date,找到该位置,可以看到,把”file_date”改成”file”就可以了
    image003
  4. 修改完毕后,再次提交会出现一下错误,查找了下资料,发现,因为除了文件外oss上传还需要提交一些额外的参数,参数的位置在文件的后面就会出现一下情况,所以需要改下fileinput.js文件,使得uploadExtraData方法携带的参数出现在文件的前面
    InvalidArgument

The bucket POST must contain the specified 'key'. If it is specified, please check the order of the fields
5B62723D91D82BC5B78251E5
*.oss-cn-qingdao.aliyuncs.com
key

  1. 因此我们需要更改下_uploadSingle函数的末尾
    image005
  2. 并且需要更改一下_ajaxSubmit函数:
    image007
  3. 大功告成
    image009

源码地址为 https://gitee.com/lwq202/bootstrap-fileinput_oss
本文参考了https://www.cnblogs.com/newton/p/6066020.html

原文链接:https://yq.aliyun.com/articles/621657
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章