使用百度webuploader上传组件直接上传到七牛云表单上传

上一节我们已经讲过了使用表单上传,这一节我们来讲一下使用webuploader来进行异步上传到七牛云服务器。

点击查看,七牛云表单上传

1.引入webuploader的js和样式表

使用百度webuploader上传组件直接上传到七牛云表单上传

2.写js代码

使用百度webuploader上传组件直接上传到七牛云表单上传

其中特别要注意的是,以下几点:

fileVal:要写 file

formData中要传入token值

在上传策略中要去掉returnUrl,否则上专成功后,并不会直接返回需要的信息,会进行303跳转,不能获得正确的结果。

在上传策略中的returnBody中,字符串拼接后要形似json,否则在返回字符串转成json对象的时候会出错。注意逗号:

使用百度webuploader上传组件直接上传到七牛云表单上传

返回值:

使用百度webuploader上传组件直接上传到七牛云表单上传

返回的是一个json字符串,需要转换成json对象才能使用。