生活随笔
收集整理的這篇文章主要介紹了
使用阿里云的OSS图片上传,这里是用的上传网络流
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
使用阿里云的OSS圖片上傳,這里是用的上傳網絡流
思路:
/**
- 文件上傳到OSS
- 上傳網絡流
- 以下代碼用于上傳網絡流:
- 1.通過element的el-upload插件,通過action發送請求到后臺,
- 2.在后臺同過MultipartFile獲取文件信息
- 3.獲取文件名,截取文件后綴名,并通過UUID生成隨機的文件名,避免重復覆蓋
- 4.我們做文件上傳是借助的阿里云OSS
- 5.我們當時用的是OSS的上傳網絡流來做的
- 5.首先還需要一個自己OSS的一個域名Endpoint
- 6.自己的RAM子賬號的id 密碼
- 7.自己的OSS的存儲空間
- 8.接下來就開始 創建OSSClient實例。
- 9.上傳網絡流。
- 10.關閉OSSClient。
- @param file
- @return
- @throws IOException
*/
1.Vue頁面:通過element-ui 的插件el-upload中的action發送路徑
<!--圖片上傳-->
<el-uploadclass="upload-demo"action="http://localhost:8089/file/uploadFileOSS.do":on-preview="handlePreview":on-remove="handleRemove":file-list="fileList"v-model="product.filePath":on-success="uploadSuccess"list-type="picture">文件上傳:<img :src="product.filePath" width="50px" height="40px"/><el-button size="small" type="primary">點擊上傳</el-button><div slot="tip" class="el-upload__tip">只能上傳jpg/png文件,且不超過500kb</div>
</el-upload>
2.在controller層進行接收:
前提:需要有個人的OSS的賬戶,用戶名,密碼都需要提前創建好
@RequestMapping("uploadFileOSS")
public String uploadFileOSS( MultipartFile file) throws IOException {//獲取傳過來的文件名String fileName = file.getOriginalFilename();//獲取文件的后綴名String subfixFile = subfixFile(fileName);//通過UUID和后綴名拼接新的文件名String newFileName = UUID.randomUUID()+subfixFile;//域名// Endpoint以杭州為例,其它Region請按實際情況填寫。String endpoint = "http://oss-cn-beijing.aliyuncs.com";// 云賬號AccessKey有所有API訪問權限,建議遵循阿里云安全最佳實踐,創建并使用RAM子賬號進行API訪問或日常運維,請登錄 https://ram.console.aliyun.com 創建。//你自己的id和密碼String accessKeyId = "yourAccessKey";String accessKeySecret = "yourAccessKey";//存儲空間String backedName = "file-sunrj";//存儲空間+域名String prefixUrl = "http://file-sunrj.oss-cn-beijing.aliyuncs.com";// 上傳文件流。try {// 創建OSSClient實例。OSS ossClient = new OSSClient(endpoint, accessKeyId, accessKeySecret);// 上傳網絡流。InputStream inputStream = file.getInputStream();ossClient.putObject(backedName, newFileName, inputStream);// 關閉OSSClient。ossClient.shutdown();} catch (FileNotFoundException e) {e.printStackTrace();}return prefixUrl+"/"+newFileName;}
你的id和密碼在這里:
域名和存儲空間
總結
以上是生活随笔為你收集整理的使用阿里云的OSS图片上传,这里是用的上传网络流的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。