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);
});
});
講解一下原理 :
從你的瀏覽器發送一個非同步請求 post樣式的 到伺服器。
伺服器接收請求。並按請求的內容返回數據。
瀏覽器接收伺服器傳回的結果。
如果你想看這個過程,那就去下載抓包軟體。 抓一下數據包就清楚了。
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()打開這個頁面,就可以把圖片顯示出來了