七牛云存储-PHP项目中使用bootstrap-fileinput插件向七牛空间中post文件遇到的问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了七牛云存储-PHP项目中使用bootstrap-fileinput插件向七牛空间中post文件遇到的问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1525字，纯文字阅读大概需要3分钟。

内容图文

我的需求是这样的，有张个人资料的表单，表单中包含照片，姓名，性别，年龄等；照片需要提交到七牛里面保存，表单中照片上传使用bootstrap-fileinput插件；我的思路是用户填写表单中的文字信息后选择照片上传至七牛，上传成功后七牛会返回一个key也就是文件名称，然后再点击提交按钮将这个key和表单中其它已经填写的项一起保存至数据库中。

我的bootstrap-fileinput配置代码如下：

我不知道token是不是应该放在这个位置，但是token是正常赋值了的，

表单代码如下：

但是现在就是图片传不上去，不知道是哪里配置的不正确，请老师们给予帮助，谢谢了！

---

下面是bootstrap-fileinput的效果，自带一个上传按钮：

默认效果：

选择图片后效果：

回复内容：

我的需求是这样的，有张个人资料的表单，表单中包含照片，姓名，性别，年龄等；照片需要提交到七牛里面保存，表单中照片上传使用bootstrap-fileinput插件；我的思路是用户填写表单中的文字信息后选择照片上传至七牛，上传成功后七牛会返回一个key也就是文件名称，然后再点击提交按钮将这个key和表单中其它已经填写的项一起保存至数据库中。

我的bootstrap-fileinput配置代码如下：

我不知道token是不是应该放在这个位置，但是token是正常赋值了的，

表单代码如下：

但是现在就是图片传不上去，不知道是哪里配置的不正确，请老师们给予帮助，谢谢了！

---

下面是bootstrap-fileinput的效果，自带一个上传按钮：

默认效果：

选择图片后效果：

谁帮帮我啊，谢谢啊

$("#pImg").fileinput({
                uploadUrl: "http://up.qiniu.com",
                uploadAsync: true,
                overwriteInitial: false,
                uploadExtraData: {
                    token: "",
                },
                slugCallback: function(filename) {  
                    //这里的回调你可以将上传成功后返回的key保存到一个input type=hidden 或者哪里看你自己，然后就可以了，再点击保存的时候，将这个input的值往你的服务端传就ok啦
                }
            });

内容总结

以上是互联网集市为您收集整理的七牛云存储-PHP项目中使用bootstrap-fileinput插件向七牛空间中post文件遇到的问题全部内容，希望文章能够帮你解决七牛云存储-PHP项目中使用bootstrap-fileinput插件向七牛空间中post文件遇到的问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---