JavaScript讀取本地圖片到瀏覽器

阿新 • • 發佈：2019-01-26

程式碼：

<html> 
<head> 
<script type="text/javascript"> 
	function getFileUrl(sourceId) { 
		var url; 
		if (navigator.userAgent.indexOf("MSIE")>=1) { // IE 
		url = document.getElementById(sourceId).value; 
	} 
		else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefox 
		url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)); 
	} 
		else if(navigator.userAgent.indexOf("Chrome")>0) { // Chrome 
		url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)); 
	} 
		return url; 
	}
	function preImg(sourceId, targetId) { 
		var url = getFileUrl(sourceId); 
		var imgPre = document.getElementById(targetId); 
		imgPre.src = url; 
	} 
</script> 
</head> 
<body> 
	<input type="file" name="imgOne" id="imgOne1" onchange="preImg(this.id,'imgPre');" /> 
	<img id="imgPre" src="" width="300px" height="400px" style="display: block;" /> 
</body> 
</html>

效果：（分別為Chrome、IE）

JavaScript讀取本地圖片到瀏覽器

程式碼： <html> <head> <script type="text/javascript"> function getFileUrl(sourceI

Springboot讀取本地圖片並顯示

cati pic image 根據目錄正常 http yml 技術分享在application.yml中配置url訪問路徑和本地圖片路徑：方框1：url中訪問路徑，這裏為：localhost:8080/testspringboot/image/... 方框

讀取本地圖片 BitmapImage

BitmapImage defImage = new BitmapImage(); defImage.BeginInit(); defImage.UriSource = new Uri(@"H:\xxxx\xxxxx\xxxxxxxx\38dbb6fd5266d0163b0d0bd49c2bd40735fa

SpringMVC讀取本地圖片和上傳圖片

/** * 獲取本地圖片 * @param pictureName //檔名 * @return */ @RequestMapping("/picReq") public void ShowImg(String pictureName, HttpS

配置tomcat讀取本地圖片

<Host name="10.0.0.0" appBase="webapps" unpackWARs="true" autoDeploy="true" xmlValidation="false" xmlNamespaceAware="false"> <Context

Javaweb專案讀取本地圖片通過虛擬路徑----各種方法

Javaweb專案讀取本地圖片通過虛擬路徑最近在做的一個專案涉及到這方面的問題，花了一天的時間才解決，其實挺簡單的，所以記錄下來供大家參考從本地讀取圖片，首先找到圖片的位置（比如我的圖片放在D:\tupian\upload），然後在tomcat下的server.x

19-Javaweb專案讀取本地圖片通過虛擬路徑

有時會把檔案存在本地如將圖片等放在c、d盤等，在javaweb引用時會出現無法直接訪問的問題，但是還是有辦法解決的。可以通過配置虛擬路徑：步驟一：雙擊servers下面的tomcat，在彈出的視窗下面選擇 Modules 進行如下配置：上面框裡填你本地路徑，下面框裡填寫你的虛擬路徑，

java讀取本地圖片並在網頁顯示

做web開發時很多時候需要在網頁上顯示一張圖片，有些圖片是在專案工程中，可以通過專案地址連結引用，但有時候我們也需要使用存放在本地磁碟或者伺服器上的圖片，這時候我們就需要用java去讀取圖片，並在網

java web專案中讀取本地圖片

在專案中，因為業務需要，使用者上傳的圖片存放在伺服器的D盤中，為了讀取並顯示到頁面上，嘗試了兩種方法：一通過流讀取 java程式碼： @RequestMapping(value = "/seekExperts") @ResponseBody publ

UE4 讀取本地圖片

我這裡，不能將圖片全放工程之中，需要在外部在載入圖片資源，再來使用 1.通過本地圖片路徑，獲取圖片，並將其資料轉為uint型別的陣列 #pragma region 通過本地圖片轉換成UTexture2D UTexture2D* AMyProjectGameMode:

Android 如何讀取本地圖片或者資源圖片並自定義大小

摘要:將圖片資源設定到控制元件的src屬性並且要求全屏,且不丟失內容時,我們需要對原始的圖片進行處理,改變大小來適應螢幕,尤其是對包含虛擬鍵盤的Android裝置,需要手動增加圖片的高度來實現虛擬鍵盤消

Qt讀取本地圖片使用halcon讀取並顯示

這裡主要涉及到的知識點為Qt的資料型別轉為halcon的資料型別。 GBK.h檔案為外部新增標頭檔案，是實現中文轉換的檔案需要將GBK.h檔案放在工程目錄下，並新增以下程式碼 #include

Unity把圖片寫入本地和讀取本地圖片

using System.Collections;using System.Collections.Generic;using UnityEngine;using System.IO;public class PicIO : MonoBehaviour{ int cou

html5讀取本地圖片

html結構樣式如下： <div class="addpic"> <button>新增圖片</button> <form> <input id="logoimg" class="

JavaScript讀取本地json檔案

今天除錯了一上午，通過jQuery讀取本地json檔案總是失敗，始終找不出原因，各種方法都試了開始總以為是不是json格式的問題。高了半天不行後來讀了一個blog發現用的，json.txt檔案，試想，是不是改改字尾名也行。於是將字尾名改為.txt，發現ok了什麼原因？

js img讀取本地圖片

HTML：<input type="file" onchange="previewHandle(this)" /> <img id="preview-img" />JavaScr

Android讀取本地圖片，圖片太大導致OOM問題。

這是畢設中，我要讀取本地相機拍攝到的相片時，遇到的問題，提示OOM，然後強制關閉，這篇部落格點選開啟連結裡提到了一種方法能解決這個問題。我把主要內容寫下： public final class BitMapUtil { private static final

專案釋出後能訪問到本地的檔案（圖片） (java web專案中讀取本地圖片)

在專案中，因為業務需要，使用者上傳的圖片存放在伺服器的D盤中，為了讀取並顯示到頁面上，嘗試了兩種方法：一通過流讀取java程式碼：@RequestMapping(value = "/seekExperts") @ResponseBody public

phonegap(cordova) 自定義外掛程式碼篇（四）----讀取本地圖片

有時候確實知道本地圖片地址，要獲取到base64 /** * 獲取本地圖片，包含路徑和壓縮後的 base64 */ (function (cordova) { var define = cordova.define; define("cordo

java讀取網頁圖片路徑並下載到本地

mage -h form read file cti 連接公司 date() java讀取網頁圖片路徑並下載到本地最近公司需要爬取一些網頁上的數據，自己就簡單的寫了一個demo,其中有一些數據是圖片，需要下載下來到本地並且將圖片的路徑保存到數據庫，示例代碼如下: pa

JavaScript讀取本地圖片到瀏覽器

相關推薦