uni.downloadFile Android端下载文件后缀带.bin解决方案

原因

uni.downloadFile下载是发起的一个GET请求,一般来说上传和下载为同域名,上传以二进制文件流形式上传,所以当访问这个地址以GET请求进行下载时也会以二进制文件进行下载,就会导致下载文件后缀带.bin。此时也没有办法在服务端Content-Type,改了之后会导致没有办法上传文件。

解决方案

使用plus.downloader.createDownload进行下载,修改filename属性 自己只测试了Android端,iOS和小程序没有尝试,感兴趣的朋友可以自己尝试一下

downdPdf(item) {
    // 我的item为Object
    /**
     * item = {
     *     FileName: "xxx.pdf",
     *     Url: "http://***************"
     }
    */
    var dtask =  plus.downloader.createDownload(
        item.Url,{
            filename: '_downloads/' + item.FileName
        },
        (d, status) => {
            if (status == 200) {
                // 下载成功弹出模态框提醒打开文件
                uni.showModal({
                    title: '提示',
                    content: '文件已保存:' + '_downloads/' + item.FileName,
                    cancelText: '我知道了',
                    confirmText: '打开文件',
                    success: function(res) {
                        if (res.confirm) {
                            // 打开文件
                            uni.openDocument({
                                filePath: '_downloads/' + item.FileName,
                                fileType: 'pdf',
                                success: sus => {
                                    console.log('成功打开')
                                }
                            })
                        }
                    })
                })
            } else {
                // 下载失败
                console.log('Download failed: ' + status);
            }
        })
        dtask.start();
    )
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在uni-app中使用uni.downloadFile下载文件时,可能会遇到跨域问题。为了解决这个问题,我们需要采取以下步骤: 1. 在`manifest.json`文件中的`uni.downloadFile`节点下的`service`字段中添加合法的域名列表。例如,如果要下载文件来自不同的域名,我们需要将这些域名添加到`service`字段中。 2. 在服务器配置合适的跨域策略。这可以通过在服务器的响应头中添加`Access-Control-Allow-Origin`字段来实现。将其设置为允许访问的域名,以解决跨域访问的问题。 3. 如果下载文件不是来自同一域名,那么还需要进行代理跨域。我们可以通过在服务器上设置代理来实现这一点。具体的设置方法可以参考uni-app官方文档中关于代理跨域的部分。 总结而言,解决uni-app中使用uni.downloadFile下载文件时的跨域问题需要在manifest.json中配置合法域名列表,并在服务器进行相关的跨域配置,以确保下载请求能够正常进行。 ### 回答2: 在uniapp中使用uni.downloadFile下载文件时出现跨域问题可以通过以下几种方式解决: 1. 配置服务器允许跨域访问:在服务配置响应头信息,添加允许跨域访问的相关参数,比如设置Access-Control-Allow-Origin为"*",表示允许所有域进行访问。这样就可以解决跨域访问的问题。 2. 使用代理:可以在uniapp的配置文件(如vue.config.js)中配置代理,将请求发送到与服务器同域的地址上,避免跨域问题。例如,可以设置代理 "/api" 到实际后地址,这样在请求时就可以先访问代理,再由代理转发到实际后地址。 3. 使用uni.request代替uni.downloadFileuni.request函数不受跨域限制,可以用于下载文件,只需要将responseType设置为"arraybuffer"或"file",然后使用uni.saveFile保存文件。 除了以上的解决方法,还可以使用其他插件或工具,如HbuilderX里的EasyMock工具,来模拟请求和响应,帮助解决跨域问题。总之,根据实际情况选择合适的解决方案来解决uniapp中使用uni.downloadFile下载文件时出现的跨域问题。 ### 回答3: 在uniapp中,使用uni.downloadFile下载文件时出现跨域问题,我们可以通过以下步骤解决: 1. 配置后服务器:在服务器设置响应头部,允许来自不同域的请求。可以在后代码中添加如下代码: ```python response.setHeader("Access-Control-Allow-Origin", "*"); ``` 2. 配置uniapp:在uniapp的请求中添加header,使得请求上cookie。可以在请求代码中添加如下代码: ```javascript uni.downloadFile({ url: 'yoururl', header: { 'content-type': 'application/json', 'cookie': 'yourcookie' }, success: function (res) { if (res.statusCode === 200) { console.log('下载成功'); } } }) ``` 其中,'yoururl'是下载文件的URL地址,'yourcookie'是根据后返回的cookie设置的。 3. 配置uniapp的配置文件:在uniapp的配置文件manifest.json中,添加需要跨域的服务器地址到"networkTimeout"中的"request"字段,如下所示: ```json "networkTimeout": { "request": 20000, "downloadFile": 60000, "uploadFile": 60000, "socketTask": 60000, "file": 60000 }, "debug": { "networkTimeout": { "request": 20000, "downloadFile": 60000, "uploadFile": 60000, "socketTask": 60000, "file": 60000 } }, "app-plus": { "HTTP_SERVER_URL": { "request": { "domainList": ["yourdomain"] //添加需要跨域的服务器地址 } } } ``` 在以上示例中,'yourdomain'是需要跨域的服务器地址。 通过以上步骤,我们可以解决uniapp中使用uni.downloadFile下载文件时出现的跨域问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值