js顯示上傳圖片
1. js中動態添加的Input file 控制項,我怎麼獲取到它上傳的圖片呢請教各位大神!
方法一:你可以把你上傳的圖片,放到資料庫中的某個表中,然後,你查詢表獲得;
方法二:你上傳圖片成功以後,返回jsp 一個上傳圖片放置的路徑,你把這個路徑setValue到
<input id="tee" type="hidden"/>
通過$("#tee").val()獲得路徑,通過ajax,在後台通過url獲得圖片;
2. js代碼實現在網頁中的圖片上傳極其縮略圖顯示功能!
javascript上傳不了圖片,除非把js作為伺服器語言來寫成asp,或用node.js。
否則js只是在前端瀏覽器裡面運行,沒許可權把文件上傳到伺服器。
上傳圖片是asp、php、jsp、.net之類的伺服器語言實現的。
3. 用javascript顯示上傳的圖片
在瀏覽器中顯示本地圖片:
<img src="file:///c:1.jpg"/>
這個 只有IE6支持,
全兼容的提交前預覽,
只能用AJAX偷偷的提交到 伺服器 再返回個http:地址, 或flash什麼的了。
4. js/jquery如何實現一張圖片的上傳預覽功能。。。。
使用AJAX,把文件保存到臨時目錄,把返回的值(文件路徑),放到頁面上預先添加的<IMG> 標簽中,就可顯示預覽圖片,再點上傳才把文件從臨時目錄(刪除臨時目錄文件)復制到你指定的目錄中
5. 頁面里怎麼用js判斷圖片有沒有上傳,沒有就彈出一個提示框,有就點擊進行下一步
你好,你可以讓後端返回一個值給你,跟判斷這個值來判斷。希望採納
6. 用js、jquery如何實現上傳圖片的預覽
$("#btnLoadPhoto").upload({ url: "../UploadForms/RequestUpload.aspx?action=photo", type: "json", callback: calla });
//獲得表單元素
HttpPostedFile oFile = context.Request.Files[0];
//設置上傳路徑
string strUploadPath = "temp/";
//獲取文件名稱
string fileName = context.Request.Files[0].FileName;
補充:JQuery是繼prototype之後又一個優秀的Javascript庫。它是輕量級的js庫 ,它兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及後續版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML(標准通用標記語言下的一個應用)、events、實現動畫效果,並且方便地為網站提供AJAX交互。jQuery還有一個比較大的優勢是,它的文檔說明很全,而且各種應用也說得很詳細,同時還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁面保持代碼和html內容分離,也就是說,不用再在html裡面插入一堆js來調用命令了,只需要定義id即可。
7. 怎麼在js里上傳圖片
使用ajax非同步處理;
8. Javascript如何實現上傳圖片的功能
你應該用asp、php、jsp、.net、pythone、ruby、node.js之類的東西寫一個運行在伺服器上的後台程序。
你寫的js是在瀏覽器前端運行的,瀏覽器上傳圖片是往伺服器端程序發送數據,前端運行的js是沒這個能力的。
9. js上傳圖片並且預覽功能
<div >
<div id="headImgPicview">
<img src="" id="headImgPic" width="200" height="auto"/>
</div>
<input type="text" id="headImgShow" name="headImg"
placeholder="圖片(.jpg .jpeg .png)" size="40"
pattern="(.jpg$)|(.jpeg$)|(.png)|(.JPG$)|(.JPEG$)|(.PNG$)"
data-foolish-msg="請選擇圖片!"
value=""
required readonly/>
<div class="am-form-group am-form-file" style="width: 175px">
<button type="button" class="am-btn am-btn-default am-btn-sm">
<i class="am-icon-cloud-upload"></i> 選擇要上傳的圖片</button>
<input type="file" id="headImg" onchange="imgcheck('headImg',this)" multiple>
</div>
</div>
//文件動態上傳方法+格式判斷
function imgcheck(imgid,file){
if(!(/.jpg$/.exec($('#'+imgid).val())||(/.png/.exec($('#'+imgid).val()))||(/.jpeg$/.exec($('#'+imgid).val()))
||(/.JPG$/.exec($('#'+imgid).val()))||(/.PNG$/.exec($('#'+imgid).val()))||(/.JPEG$/.exec($('#'+imgid).val())) )){
alert("圖片格式不正確!應為:.jpg .jpeg .png");
$('#'+imgid).val('');
}else{
var imgURL = document.getElementById(imgid);
$('#'+imgid+'Show').attr('placeholder',imgURL.value);
//調用圖片預覽
previewImage(imgid+'Pic',file);
10. 怎麼用js實現在web頁面上上傳顯示tif圖像
如果想實現輪播而又想直接通過圖片來觸發事件,那麼可以用下面兩種方法來實現:
1、img標簽的src屬性事先不放實際存在的圖片網址,則網頁顯示後會觸發img的onerror事件,那麼
<img src="?" id=img1 onerror="nextpic();" />
2、img標簽的src屬性事先放入實際存在的圖片網址,則網頁顯示後會觸發img的onload事件,那麼
<img src="123.gif" id=img1 onload="nextpic();" />