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

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

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

PHP中文网 2017-04-10 16:55:24

[PHP讨论组]

899

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

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

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

表单代码如下：

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

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

默认效果：

选择图片后效果：

PHP中文网

认证0级讲师

全部回复(2)

伊谢尔伦2017-04-10 16:57:24 2楼

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

赞 +0

添加回复

ringa_lee2017-04-10 16:57:24 1楼

谁帮帮我啊，谢谢啊

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>