導航:首頁 > 配伺服器 > ajax怎麼訪問伺服器上的圖片

ajax怎麼訪問伺服器上的圖片

發布時間:2022-07-16 00:29:14

A. ajax 上傳圖片怎麼獲取

我們以創建產品時,上傳產品主圖為例,先來演示一下效果,首先是在用戶界面上出現一個input file元素,用戶點擊時,可以選擇一個圖片

點擊打開之後,後台開始非同步上傳圖片數據到伺服器,同時載入動態圖片顯示

3
圖片數據傳輸完畢,後台返回上傳好的圖片的路徑,然後顯示出剛剛上傳好的圖片,同時載入按鈕消失

B. jquery ajax動態載入圖片

一般驗證碼使用的是伺服器上的一個動態生成圖片的腳本文件,比如php,然後利用 header 函數輸出為圖片。如 <img scr="http://www.163.com/validate.php"> 其中訪問 validate.php 文件會向瀏覽器輸出一張圖片。

而你是想使用AJAX非同步方式,這樣的話上面的方式不太可行了,前提是你必須去訪問這個 validate.php 文件讓其生成新的驗證碼,但AJAX無法返回像圖片這種流數據出來,一般是JSON類型的字元。這樣的話,你只能讓AJAX訪問這個validate.php 文件,讓其把驗證碼圖片生成在伺服器上,然後返回這張驗證碼圖片的新地址,再在頁面操作這個<img> 的 src 屬性即可。

C. java 伺服器返回一個img 怎麼用ajax接收

按理說在前台,應該是接收這個路徑,如果你只是展示圖片的話。

D. 本地的網頁如何通過ajax發送並獲取伺服器的數據

jQuery 是js的一種框架 。他的實現方式比較簡單。 jQuery的下載你可以網路一下。我簡要說明一下他的使用。


$.post() 方法


$.post() 方法通過 HTTP POST 請求從伺服器上請求數據。


語法:

$.post(URL,data,callback);

必需的 URL 參數規定您希望請求的 URL。

可選的 data 參數規定連同請求發送的數據。

可選的 callback 參數是請求成功後所執行的函數名。

下面的例子使用 $.post() 連同請求一起發送數據:

實例:

$("button").click(function(){
$.post("demo_test_post.asp",
{
name:"DonaldDuck",
city:"Duckburg"
},
function(data,status){
alert("Data:"+data+" Status:"+status);
});
});



講解一下原理 :

  1. 從你的瀏覽器發送一個非同步請求 post樣式的 到伺服器。

  2. 伺服器接收請求。並按請求的內容返回數據。

  3. 瀏覽器接收伺服器傳回的結果。


如果你想看這個過程,那就去下載抓包軟體。 抓一下數據包就清楚了。

E. Ajax從資料庫里邊取圖片.動態在瀏覽器顯示出來怎麼實現

從伺服器獲取圖片,其實不是獲取真正的圖片本身,而是獲取圖片保存在伺服器上的相對路徑。
通過ajax獲得圖片路徑後,動態的將某個<img>標簽的src設置成圖片路徑即可。
示例代碼:
通過ajax獲得圖片路徑為「/imags/helo.jsp」
將圖片顯示在瀏覽器中:document.getElementById("img1").src = "/images/hello.jpg";

F. Ajax客戶端如何讀取資料庫里的圖片並顯示

這是一個JSP顯示圖片的頁面內容
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ page import="login.Login,java.sql.*,java.io.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
<%
String workno = request.getParameter("workno");

Login login = new Login();
Connection con = login.conn();
Statement stmt=con.createStatement();
ResultSet rs=null;

String sql = "select photo from rs_photo WHERE workno='"+workno+"'"; //要執行查詢的SQL語句
rs=stmt.executeQuery(sql);
while(rs.next()) {
ServletOutputStream sout = response.getOutputStream(); //圖片輸出的輸出流
InputStream in = rs.getBinaryStream(1);
byte b[] = new byte[0x7a120];
for(int i = in.read(b); i != -1;) {
sout.write(b); //將緩沖區的輸入輸出到頁面
//in.read(b);
}
sout.flush(); //輸入完畢,清除緩沖
sout.close();
}
%>
</body>
</html>

現在你可以在你原始的頁面上判斷workno是否為空,不為空時就window.open()打開這個頁面,就可以把圖片顯示出來了

閱讀全文

與ajax怎麼訪問伺服器上的圖片相關的資料

熱點內容
反編譯優化java軟體 瀏覽:537
鴻蒙如何離線編譯 瀏覽:361
日輕PDF 瀏覽:602
m的命令 瀏覽:397
mate9什麼時候升級安卓10 瀏覽:577
java集合的原理 瀏覽:561
軟體如何掛雲伺服器 瀏覽:542
未來警察日劇解壓密碼 瀏覽:424
用手機看pdf用什麼app 瀏覽:97
android拍照水印 瀏覽:34
廢紙壓縮站效果怎麼樣 瀏覽:864
伺服器埠怎麼分享文件 瀏覽:894
貓餅安裝文件夾 瀏覽:1000
qq私發能發文件夾嗎 瀏覽:630
什麼小說剛上架伺服器崩了 瀏覽:156
伺服器如何在運行裡面services 瀏覽:616
微贊微擎源碼最新版 瀏覽:853
有什麼下載軟體的app推薦 瀏覽:106
雲浮數據加密有哪些 瀏覽:168
工地招聘會都有什麼app 瀏覽:480