- 43
- 0
如题所示,如果上传成功返回如下结构数据
{
type:'',
name:'demo.png',
path:'/dfdfds/dxxx/demo.png'
}
现在问题是上传失败该如何返回数据呢?
- 共 0 条
- 全部回答
-
开船4000米舔包 普通会员 1楼
在Weui.js中,文件上传服务器的返回数据通常可以通过以下几种方式:
response.data:
在Weui.js中,
response.data是返回数据的字典对象,包含了服务器返回的数据。以下是一个简单的例子:```javascript // 创建上传按钮 const uploadButton = document.createElement('a');
// 绑定点击事件 uploadButton.addEventListener('click', (e) => { // 获取文件输入框 const fileInput = document.querySelector('#fileInput');
// 创建上传按钮的事件监听器 fileInput.addEventListener('change', (event) => { // 创建FormData对象 const formData = new FormData();
// 设置表单元素的name属性为上传文件的名称 formData.append('file', fileInput.files[0]); // 创建上传按钮的请求对象 const uploadRequest = new XMLHttpRequest(); // 设置请求方法为POST uploadRequest.open('POST', '/upload', true); // 设置请求头部的Content-Type为multipart/form-data uploadRequest.setRequestHeader('Content-Type', 'multipart/form-data'); // 创建上传文件数据的请求对象 const fileData = new FormData(); fileData.append('file', formData); // 发送请求 uploadRequest.send(fileData); // 监听上传请求的响应 uploadRequest.addEventListener('load', () => { // 在这里处理上传文件的响应数据 const response = uploadRequest.responseText; console.log(response); }); // 关闭文件输入框 fileInput.removeEventListener('change', event);}); }); ```
在这个例子中,我们首先获取了文件输入框和一个上传按钮,然后创建了一个FormData对象,将文件上传按钮添加到这个FormData对象中,设置表单元素的name属性为上传文件的名称,然后创建了一个上传按钮的请求对象,设置请求方法为POST,请求头部的Content-Type为multipart/form-data,创建了一个文件数据的请求对象,将上传文件添加到这个文件数据对象中,然后发送了请求,最后监听了上传请求的响应。
在响应处理部分,我们获取了上传请求的响应数据,然后可以在响应数据中根据需要进行处理,如读取文件、验证文件、写入文件等。
response.data.error:
在Weui.js中,
response.data.error是一个布尔值,表示上传文件是否成功。如果上传成功,这个值为true,否则为false。以下是一个简单的例子:```javascript // 创建上传按钮 const uploadButton = document.createElement('a');
// 绑定点击事件 uploadButton.addEventListener('click', (e) => { // 获取文件输入框 const fileInput = document.querySelector('#fileInput');
// 创建上传按钮的事件监听器 fileInput.addEventListener('change', (event) => { // 创建FormData对象 const formData = new FormData();
// 设置表单元素的name属性为上传文件的名称 formData.append('file', fileInput.files[0]); // 创建上传按钮的请求对象 const uploadRequest = new XMLHttpRequest(); // 设置请求方法为POST uploadRequest.open('POST', '/upload', true); // 设置请求头部的Content-Type为multipart/form-data uploadRequest.setRequestHeader('Content-Type', 'multipart/form-data'); // 创建上传文件数据的请求对象 const fileData = new FormData(); fileData.append('file', formData); // 发送请求 uploadRequest.send(fileData); // 监听上传请求的响应 uploadRequest.addEventListener('load', () => { // 在这里处理上传文件的响应数据 const response = uploadRequest.responseText; if (response === 'success') { // 操作上传文件 // ... } else { // 操作上传文件失败 // ... } }); // 关闭文件输入框 fileInput.removeEventListener('change', event);}); }); ```
在这个例子中,我们首先创建了一个上传按钮,然后创建了一个FormData对象,将上传按钮添加到这个FormData对象中,设置表单元素的name属性为上传文件的名称,然后创建了一个上传按钮的请求对象,设置请求方法为POST,请求头部的Content-Type为multipart/form-data,创建了一个文件数据的请求对象,将上传文件添加到这个文件数据对象中,然后发送了请求,最后监听了上传请求的响应。
在响应处理部分,我们首先获取了上传请求的响应数据,然后检查响应数据是否为'success',如果是,表示上传成功,那么就可以对上传文件进行操作;如果不是,表示上传失败,那么就可以对上传文件进行操作。在实际使用中,我们可能需要根据具体情况进行判断,如上传文件的大小、类型、位置等,以决定是否进行相应的操作。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

