????????由于業(yè)務需要,最近從OSS新創(chuàng)建了一個bucket,使用之前的上傳代碼進行上傳圖片時可以看到圖片上傳成功,但是打開圖片地址之后不能正常訪問,瀏覽器會提示進行下載.好奇同樣的代碼,另一個bucket能正常上傳,但是新創(chuàng)建的bucket使用同樣代碼之后就出現(xiàn)這個問題,懷疑是bucket配置問題,仔細翻閱資料之后終于知道了是哪的問題,在此簡單記錄一下.
官方說明:訪問您的圖片文件，無法預覽，直接下載，是由于從從2019年9月23日起，針對之后新建的Bucket，直接使用OSS提供的默認域名，從互聯(lián)網(wǎng)訪問OSS上該Bucket的圖片類型文件時，mimetype為以下值，Response
Header中會自動加上Content-Disposition:'attachment=filename;'。即從瀏覽器訪問圖片類型文件時，會以附件形式進行下載，如果您要直接在瀏覽器中預覽文件而非下載文件，請設置文件HTTP頭中的Content-Disposition為inline并使用Bucket綁定的自定義域名進行訪問
????????首先處理的第一個問題就是需要配置一個自定義的域名,這個規(guī)則是從2019.9.23之后開始生效的,就是說從2019.9.23之后創(chuàng)建的bucket需要配置已備案的域名,查看了一下之前的bucket是2019.6月份,當時沒有配置備案域名也可以訪問.域名配置可以參考:https://help.aliyun.com/document_detail/195675.htm?spm=a2c4g.11186623.0.0.736922936aZ1CL#task-2010682
另外記錄一下其他的處理方案:
????????因Content-Type設置導致的強制下載問題，您需要根據(jù)文件類型設置合理的Content-Type，同時確保瀏覽器支持預覽該文件類型。關于Content-Type的更多信息，請參見如何設置Content-Type（MIME)
????????因Content-Disposition設置導致的強制下載問題，您需要將Object Meta中的Content-Disposition設置為inline。具體步驟，請參見管理文件元信息
????????因CDN緩存導致的強制下載問題，您需要更新CDN緩存信息。
????????因瀏覽器不支持預覽文件格式導致的強制下載，您需要確認瀏覽器已安裝支持預覽當前格式文件的插件。
????????最后附上官方參考鏈接:如何配置訪問OSS文件時是預覽行為？
2023.11.19補充:文件上傳文件名為中文名,上傳成功后地地址中阿里云已對中文進行轉(zhuǎn)碼,如下圖:
上述地址瀏覽器打開會默認轉(zhuǎn)碼為中文,可以直接預覽打開
文章來源：http://www.zghlxwxcb.cn/news/detail-443480.html
如果服務端返回的地址中的文件名為未轉(zhuǎn)碼的中文(類似:https:a.com/測試.docx),從瀏覽器打開不能預覽只能下載.對于客戶端(小程序)此種地址可以支持直接訪問,不影響使用.如果想和阿里云存儲地址保持一致,服務端在上傳接口返回地址中可以對上傳的中文文件名進行轉(zhuǎn)碼.參考:文章來源地址http://www.zghlxwxcb.cn/news/detail-443480.html
String parameter = "關于開的通知.docx";
String encodedParameter = URLEncoder.encode(parameter, "UTF-8");
System.out.println(encodedParameter);
到了這里，關于阿里云圖片上傳OSS成功后打開地址不能預覽只能下載問題記錄的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
![uniapp - [小程序 / H5網(wǎng)頁] “純前端“ 將文件上傳到阿里云 OSS，全端通用的阿里云 OSS 直傳音視頻、圖片、word、excel、ppt、office 文檔（全程無需后端穩(wěn)定可靠）](https://imgs.yssmx.com/Uploads/2024/02/518655-1.gif)
