springboot上傳文件,url直接訪問(wèn)資源問(wèn)題
更新時(shí)間：2022年11月17日 14:50:50 作者：qq_41463655
這篇文章主要介紹了springboot上傳文件，url直接訪問(wèn)資源問(wèn)題。具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
主要解決問(wèn)題
直接上傳到服務(wù)器的文件是在編譯后的目錄里，是無(wú)法通過(guò)url 訪問(wèn)到的
—只演示上傳圖片返回 url 直接訪問(wèn)
1、上傳文件值項(xiàng)目跟目錄
2、賦值上傳文件目錄讀寫權(quán)限
----以下是layui相關(guān)，非layui無(wú)視即可
3、Layui --> 數(shù)據(jù)返回格式
4、Layui --> 修改上傳–> 2、上傳文件值項(xiàng)目跟目錄（只修改返回格式）
5、Layui --> Html代碼
6、Layui --> Js上傳文件代碼
效果展示（前臺(tái)使用的Layui ）
上傳前
上傳后（此處直接使用的上傳后的 url 展示，不是本地文件展示）
url 是可以直接訪問(wèn)的
1、上傳文件方法
/**
* 文件上傳
* @author peter 2018/10/20 21:32
*/
@Controller
public class FileController {
/**
* 上傳路徑
*/
private static String UPLOAD_PATH = "File/image/upload";
/**
* 圖片上傳，需要賦值讀寫權(quán)限-->
*
* @author wangsong
* @date 2019年6月14日 下午2:31:49
* @param request
* @return
*/
@RequestMapping(value = "/uploadImage", method = RequestMethod.POST)
@ResponseBody
public JSONObject uploadImage(HttpServletRequest request) {
try {
MultipartFile image = ((MultipartHttpServletRequest) request).getFile("file");
String name = image.getOriginalFilename();
InputStream inputStream = image.getInputStream();
// 獲得客戶端發(fā)送請(qǐng)求的完整url
String url = request.getRequestURL().toString();
// 獲得去除接口前的url
String urlVal = url.replace("/uploadImage", "");
// 目錄路徑
Path directory = Paths.get(UPLOAD_PATH);
// 判斷目錄是否存在，不存在創(chuàng)建
if (!Files.exists(directory)) {
Files.createDirectories(directory);
}
// 判斷文件是否存在,存在刪除
if (Files.exists(directory.resolve(name))) {
File file = new java.io.File(UPLOAD_PATH + "/" + name);
file.delete();
}
// 拷貝文件
Files.copy(inputStream, directory.resolve(name));
// url路徑
// String path = serverConfig.getUrl() + "/" + UPLOAD_PATH + "/" + name;
String path = urlVal + "/" + UPLOAD_PATH + "/" + name;
// layui 數(shù)據(jù)格式返回
Map<String, Object> jsonObjMap = FileData.jsonObj(path);
JSONObject resObj = JSONObject.fromObject(jsonObjMap);
return resObj;
} catch (Exception e) {
Map<String, Object> jsonObjMap = FileData.jsonObj(200, "上傳失敗");
JSONObject resObj = JSONObject.fromObject(jsonObjMap);
return resObj;
}
}
/**
* 使用流將圖片輸出
* @param response
* @param name
* @throws IOException
*/
@GetMapping("/getImage/{name}")
public void getImage(HttpServletResponse response, @PathVariable("name") String name) throws IOException {
response.setContentType("image/jpeg;charset=utf-8");
response.setHeader("Content-Disposition", "inline; filename=girls.png");
ServletOutputStream outputStream = response.getOutputStream();
outputStream.write(Files.readAllBytes(Paths.get(UPLOAD_PATH).resolve(name)));
outputStream.flush();
outputStream.close();
}
}2、賦與上傳文件目錄讀寫權(quán)限
package com.hy.wargame.config;
import java.util.ArrayList;
import java.util.List;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
import com.hy.wargame.interceptor.LoginInterceptor;
/**
* 項(xiàng)目根目錄下 /File/**
* @author wangsong
* @date 2019年4月10日 下午4:21:08
*/
@Configuration
public class MvcConfig implements WebMvcConfigurer {
/**
* 賦值文件讀寫權(quán)限
*/
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/File/**").addResourceLocations("file:File/");
}
}----以下是layui相關(guān)，非layui無(wú)視即可
3、Layui --> 數(shù)據(jù)返回格式
maven 依賴 json-lib 沒(méi)有的加上
<!-- https://mvnrepository.com/artifact/net.sf.json-lib/json-lib --> <!-- jsonObject 支持 --> <dependency> <groupId>net.sf.json-lib</groupId> <artifactId>json-lib</artifactId> <version>2.4</version> <classifier>jdk15</classifier> </dependency>
layui 要求返回的數(shù)據(jù)格式
package com.hy.wargame.controller.manage.vo;
import java.util.Hashtable;
import java.util.Map;
public class FileData {
public static Map<String, Object> jsonObj(Object data) {
Map<String, Object> resObj = new Hashtable<String, Object>();
resObj.put("code", "0");
resObj.put("msg", "ok");
resObj.put("data", data);
System.out.println(resObj);
return resObj;
}
public static Map<String, Object> jsonObj(int code, String msg) {
Map<String, Object> resObj = new Hashtable<String, Object>();
resObj.put("code", code);
resObj.put("msg", msg);
resObj.put("data", 0);
System.out.println(resObj);
return resObj;
}
}4、Layui --> 修改上傳–> 2、上傳文件值項(xiàng)目跟目錄（只修改返回格式）
// layui 數(shù)據(jù)格式返回，path 為data數(shù)據(jù)，返回的值 Map<String, Object> jsonObjMap = FileData.jsonObj(path); JSONObject resObj = JSONObject.fromObject(jsonObjMap); return resObj;
完整上傳代碼
@RequestMapping(value = "/uploadImage", method = RequestMethod.POST)
@ResponseBody
public JSONObject uploadImage(HttpServletRequest request) {
try {
MultipartFile image = ((MultipartHttpServletRequest) request).getFile("file");
String name = image.getOriginalFilename();
InputStream inputStream = image.getInputStream();
// 目錄路徑
Path directory = Paths.get(UPLOAD_PATH);
// 判斷目錄是否存在，不存在創(chuàng)建
if (!Files.exists(directory)) {
Files.createDirectories(directory);
}
// 判斷文件是否存在,存在刪除
if (Files.exists(directory.resolve(name))) {
File file = new java.io.File(UPLOAD_PATH + "/" + name);
file.delete();
}
// 拷貝文件
Files.copy(inputStream, directory.resolve(name));
// url路徑
String path = serverConfig.getUrl() + "/" + UPLOAD_PATH + "/" + name;
// layui 數(shù)據(jù)格式返回
Map<String, Object> jsonObjMap = FileData.jsonObj(path);
JSONObject resObj = JSONObject.fromObject(jsonObjMap);
return resObj;
} catch (Exception e) {
Map<String, Object> jsonObjMap = FileData.jsonObj(200, "上傳失敗");
JSONObject resObj = JSONObject.fromObject(jsonObjMap);
return resObj;
}
}5、Layui --> Html代碼
<div class="layui-upload">
<label class="layui-form-label">活動(dòng)圖片：</label>
<button type="button" class="layui-btn" id="test6">上傳圖片</button>
<input type="hidden" id="path" name="path" value="">
<span id="url" ></span>
<div class="layui-upload-list" >
<img class="layui-upload-img" style="width: 500px;height: 200px;margin-left: 15%" id="demo1">
<p id="demoText"></p>
</div>
</div> 說(shuō)明：
6、Layui --> Js上傳文件代碼
<script>
layui.use(['form', 'layedit', 'laydate','upload'], function(){
var form = layui.form
,layer = layui.layer
,layedit = layui.layedit
,laydate = layui.laydate
,upload = layui.upload;
//普通圖片上傳
var uploadInst = upload.render({
elem: '#test6'
,url: '/uploadImage'
,before: function(obj){
//預(yù)讀本地文件示例，不支持ie8
/* obj.preview(function(index, file, result){
$('#demo1').attr('src', result); //圖片鏈接（base64）
}); */
}
,done: function(res){
//如果上傳失敗
if(res.code > 0){
return layer.msg('上傳失敗');
}
//上傳成功
//后臺(tái)保存數(shù)據(jù)庫(kù)
$("#path").val(res.data);
//顯示url
$("#url").html(res.data);
//通過(guò)url預(yù)覽服務(wù)器圖片
$("#demo1").attr("src",res.data);
}
,error: function(){
//演示失敗狀態(tài)，并實(shí)現(xiàn)重傳
var demoText = $('#demoText');
demoText.html('<span style="color: #FF5722;">上傳失敗</span> <a class="layui-btn layui-btn-xs demo-reload">重試</a>');
demoText.find('.demo-reload').on('click', function(){
uploadInst.upload();
});
}
});
<script>以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
SpringBoot開(kāi)發(fā)技巧之使用AOP記錄日志示例解析
這篇文章主要為大家介紹了SpringBoot開(kāi)發(fā)技巧之如何利用AOP記錄日志的示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步2021-10-10
Android開(kāi)發(fā)Kotlin實(shí)現(xiàn)圓弧計(jì)步器示例詳解
這篇文章主要為大家介紹了Android開(kāi)發(fā)Kotlin繪制圓弧計(jì)步器示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
這篇文章主要介紹了Java的字節(jié)緩沖流與字符緩沖流解析,Java 緩沖流是Java I/O庫(kù)中的一種流,用于提高讀寫數(shù)據(jù)的效率,它通過(guò)在內(nèi)存中創(chuàng)建緩沖區(qū)來(lái)減少與底層設(shè)備的直接交互次數(shù),從而減少了I/O操作的開(kāi)銷,需要的朋友可以參考下2023-11-11
mybatis-generator生成文件覆蓋問(wèn)題的解決
這篇文章主要介紹了mybatis-generator生成文件覆蓋問(wèn)題的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-02-02
Springboot2.6.x的啟動(dòng)流程與自動(dòng)配置詳解
這篇文章主要給大家介紹了關(guān)于Springboot2.6.x的啟動(dòng)流程與自動(dòng)配置的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-01-01
Nacos客戶端配置中心緩存動(dòng)態(tài)更新實(shí)現(xiàn)源碼
這篇文章主要為大家介紹了Nacos客戶端配置中心緩存動(dòng)態(tài)更新實(shí)現(xiàn)源碼，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪2022-03-03
Java實(shí)現(xiàn)高并發(fā)秒殺的幾種方式
高并發(fā)場(chǎng)景在現(xiàn)場(chǎng)的日常工作中很常見(jiàn)，本文主要介紹了Java實(shí)現(xiàn)高并發(fā)秒殺的幾種方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
詳解Springboot應(yīng)用中設(shè)置Cookie的SameSite屬性
Chrome 51 開(kāi)始，瀏覽器的 Cookie 新增加了一個(gè)SameSite屬性，用來(lái)防止 CSRF 攻擊和用戶追蹤。今天通過(guò)本文給大家介紹Springboot應(yīng)用中設(shè)置Cookie的SameSite屬性，感興趣的朋友一起看看吧2022-01-01
idea項(xiàng)目文件夾橫向顯示,縱向顯示的解決方法
這篇文章主要介紹了idea項(xiàng)目文件夾橫向顯示,縱向顯示的解決方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-08-08
這篇文章主要介紹了使用Java生成jpg與壓縮圖片為jpg文件的代碼示例,都是對(duì)com.sun.image.codec.jpeg這個(gè)包的應(yīng)用,需要的朋友可以參考下2015-11-11