1. 程式人生 > >JavaWeb檔案上傳圖片到非工程目錄,然後前端訪問

JavaWeb檔案上傳圖片到非工程目錄,然後前端訪問

首先,假如使用的是eclipse開發專案,那麼eclipse執行tomcat並不是tomcat安裝目錄,而是eclipse的一個外掛目錄。如果想在tomcat的安裝目錄部署專案,那麼就要修改eclipse配置tomcat的虛擬目錄。

然後我們將上傳圖片到後臺,然後前端html使用<img src="">訪問,有2中方法

1.使用請求的方式,src="請求後臺路徑",後臺以輸出流的方式返回檔案即可

   後臺程式碼:

@RequestMapping("/getimgs")
	public void getimg(String saveAddress ,HttpServletRequest request, HttpServletResponse response) throws IOException{
		try{
			FileInputStream hFile = new FileInputStream(saveAddress); // 以byte流的方式開啟檔案 d:\1.gif
			int i=hFile.available(); //得到檔案大小
			byte data[]=new byte[i];
			hFile.read(data); //讀資料
			hFile.close();
			response.setContentType("image/*"); //設定返回的檔案型別
			OutputStream toClient=response.getOutputStream(); //得到向客戶端輸出二進位制資料的物件
			toClient.write(data); //輸出資料
			toClient.close();
		}
		catch(IOException e) //錯誤處理
		{
			PrintWriter toClient = response.getWriter(); //得到向客戶端輸出文字的物件
			response.setContentType("text/html;charset=gb2312");
			toClient.write("無法開啟圖片!");
			toClient.close();
		} 
	}

2.第二種方法即建立一個檔案伺服器

目錄結構如圖%tomcat%/webapps/


imgs表示一個檔案目錄,放上傳的檔案

其他目錄可以是你的web工程目錄

注意:webapps下面的目錄前臺是可以訪問的。,所以直接src可以定位到該檔案,就不用以後臺請求返回流的方式了。

相關推薦

JavaWeb檔案圖片非工程目錄然後前端訪問

首先,假如使用的是eclipse開發專案,那麼eclipse執行tomcat並不是tomcat安裝目錄,而是eclipse的一個外掛目錄。如果想在tomcat的安裝目錄部署專案,那麼就要修改eclipse配置tomcat的虛擬目錄。 然後我們將上傳圖片到後臺,然後前端ht

Javaweb檔案圖片相對路徑問題

2018.05.15更新:如果可以使用這個方法也是可以的<%String path = request.getContextPath();String basePath = request.getScheme() + "://" + request.getServerN

ueditor圖片不好用訪問ueditor中的controller.js變成下載檔案

由於疏忽了web.xml中的servlet配置問題,將urlpattern配置成了"/" <servlet-mapping>     <servlet-name>test</servlet-name>  &

檔案至oss後獲取圖片縮率圖、獲取視訊截幀等後續操作

上一篇文章說了一下檔案上傳至oss:https://blog.csdn.net/new_programmer_h/article/details/84307005 這裡說一下上傳後的一些後續操作:常用的獲取圖片縮率圖、獲取視訊截幀生成封面圖。自我感覺阿里oss對於這些處理封裝的很好,只要根據:"%s|sys

javaweb網頁圖片並顯示在頁面上並在服務端存到磁碟(base64編碼解碼)

最後 服務端接收到頁面傳過來的全部的BASE64編碼後 public String uploadimgsave(String imagepath){   String url = "";   OutputStream os=null;   String ImgPath="D:/img";   //檔案存放目

微信js圖片並 展示iphone下預覽

https useragent 預覽圖 shang 服務器 fun 相冊 put 相機 $(‘.addphotos‘).click(function(){ var that = $(this);

檔案到本地磁碟磁碟路徑適應window和linux

private void uploadDisk(InputStream inputStream, String fileName) {         OutputStream os = null;     &

JavaScript的FormData+Ajax實現檔案+圖片

 JavaScript的FormData+Ajax實現檔案上傳+圖片上傳 在很多網頁開發中會存在檔案上傳,圖片上傳的操作,有的使用form表單預設功能提交檔案,有的採用Ajax提交 如果採用form表單的提交方式,恰恰又需要新增額外的引數或者需要設定特定的請求頭資訊,那麼這種方式就

vue 整合ueditor(百度富文字編輯器)以及使用後端Java圖片到伺服器特別注意的大坑

    1.import 引入ueditor時,在封裝元件中引入,不要在mian.js內引入,在main.js內引入會造成 1.Uncaught SyntaxError: Unexpected token : 這種錯誤,屬於是跨域問題,目前不清楚是什麼原因和原理,

圖片到伺服器並且重新命名圖片-更改(小白共勉)

實現使用者註冊功能,使用者上傳頭像放在imgs的目錄下,所涉及檔案分別是register.html(註冊),conn.php(連線資料庫),img.php(上傳圖片與更改圖片名稱,改成了是一個函式,返回 圖片儲存位置+圖片名稱),register.php(註冊功能) register.html介

圖片到伺服器並且重新命名圖片(小白共勉)

根據教程上更改的,含冗餘,會再改,小白共勉 檔案所含內容如下(不知道為啥編輯器不能給字型改變顏色了,鬱悶): upload資料夾為存放圖片資料夾,注意upload、imgnewname.php、index.html、upload_file.php為同一級、 為了可以多次呼叫更改名稱

Python 的request模組圖片到django資料庫儲存路徑名後臺框架django DRF

請求方式為post方式: 上傳圖片部分 import requests def main(): with open('../2222.jpg','rb') as f: img = f.read() file = {'image':('im

Javaweb 檔案到伺服器

在我們的Java web開發中,很多情況下要向伺服器上傳檔案,那麼今天我們就來學習以下如何向伺服器傳送檔案: 前期準備: jar包:向伺服器上傳檔案需要用到一些jar包,這裡用的是Apache的包commons-fileupload和commons-io 沒有這兩個jar包的

使用HttpClient4實現檔案請求的傳送伺服器端以MultipartFile形式接收(附依賴jar包地址)

今天學習使用了HttpClient4.2向服務端傳送上傳檔案的post請求,由於伺服器端採用MultipartFile形式接收,查詢資料後決定使用HttpClient4.2實現,以下是實現程式碼(僅作測試使用): public void testtask

自用 多檔案圖片顯示

<style> img { width: 50px; height: auto; } </style> <template> <div id="app"> <div id="nav">

ASP.NET下如何圖片到資料庫並且讀出圖片

答1:首先在SQL Server中建立一個圖片儲存的數庫表,ImageData Column為圖象二進位制資料儲存欄位,ImageContentType Column為圖象檔案型別記錄欄位,ImageDescription Column為儲蓄圖象檔案說明欄位,ImageSiz

.net大檔案報錯問題可以通過設定iis的檔案大小和config的大小

在 Win2008(iis 7.0)和Win2003(iis 6.0) 中,預設設定是特別嚴格和安全的,這樣可以最大限度地減少因以前太寬鬆的超時和限制而造成的攻擊。 指定 ASP 請求的實體主體中允許大小為 200,000 (IIS6為204,800) 個位元組,在 ii

Android端圖片到後臺儲存到資料庫中

首先點選頭像彈出popwindow,點選相簿,相機,呼叫手機自帶的裁剪功能,然後非同步任務類訪問伺服器,上傳頭像,儲存到資料庫中, 下面寫出popwindow的程式碼  //設定popwindow public PopupWindow getPopWindow

C# HttpClient Post 引數同時檔案 圖片 呼叫介面

// 呼叫介面上傳檔案 using (var client = new HttpClient()) { using (var multipartFormDataContent = new MultipartFormDataContent()) { var val

iOS檔案或base64(圖片)之AFNetworking 3.0+檔案圖片

1. base64 上傳圖片 /**  *  上傳圖片到伺服器  *  *  @param image  *  @param photoID  *  @param photoType  */ - (