七牛云存储 - PHP项目中使用bootstrap-fileinput插件向七牛空间中post文件遇到的问题
程序员文章站
2022-05-04 09:13:24
...
我的需求是这样的,有张个人资料的表单,表单中包含照片,姓名,性别,年龄等;照片需要提交到七牛里面保存,表单中照片上传使用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啦
}
});