js顯示上傳的圖片
① 用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即可。
② js代碼實現在網頁中的圖片上傳極其縮略圖顯示功能！
javascript上傳不了圖片，除非把js作為伺服器語言來寫成asp，或用node.js。
否則js只是在前端瀏覽器裡面運行，沒許可權把文件上傳到伺服器。
上傳圖片是asp、php、jsp、.net之類的伺服器語言實現的。
③ 用javascript顯示上傳的圖片
在瀏覽器中顯示本地圖片:
<img src="file:///c:1.jpg"/>
這個 只有IE6支持，
全兼容的提交前預覽，
只能用AJAX偷偷的提交到 伺服器 再返回個http:地址， 或flash什麼的了。
④ JS 顯示 上傳 圖片 ，，高手幫我解釋一下這段代碼
瀏覽器安全性已經大大提高，要實現圖片上傳預覽不是那麼簡單了
不過有很多變通或先進的方法來實現
例如ie7/ie8的濾鏡預覽法，firefox3的getAsDataURL方法
具體可以參考這個圖片上傳預覽效果
⑤ 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);
⑥ JS里載入控制的圖片上傳到伺服器後無法顯示
你這個js文件中有問題的,圖片路徑寫的不對。
JS文件http://www.starmedtech.com/home/view/temp/js/kf.js。修改第二行 var urlroot = "images/";
改成var urlroot = "/home/view/temp/images/";
http://www.starmedtech.com/home/view/temp/images/bg_1.gif 這個是實際背景圖片網址
⑦ 求js或JQ代碼，實現圖片上傳後在指定的div中以背景圖顯示
如果是background的話使用 $("div").css("background-image","圖片地址")，如果使用的img的話使用$("div").attr("src","地址");關鍵就是獲取圖片地址給弄上去
⑧ 用JS或者JQ寫多個點擊預覽和點擊上傳功能，點擊預覽會彈出一個遮罩層來顯示圖片
.onwindow{
position:fixed;
top:43%;
left:43%;
z-index:99;
width:250px;
height:135px;
background-color:rgba(255,255,255,1);
display:none;
border:2pxsolidred;
border-radius:15px;
padding:10px;
}
.plank{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(255,255,255,0.8);
width:100%;
display:none;
}<divclass="onwindow">//顯示窗口
<image>...........
</div>
<divclass="plank"></div>//背景
varhide=()=>{$(".onwindow").hide();$(".plank").hide();}
varshow=()=>{$(".onwindow").show();$(".plank").show();}
⑨ js 圖片上傳本地預覽
瀏覽器安全性已經大大提高，要實現圖片上傳預覽不是那麼簡單了
不過有很多變通或先進的方法來實現
例如ie7/ie8的濾鏡預覽法，firefox 3的getAsDataURL方法
具體可以參考這個圖片上傳預覽效果
⑩ 求js大牛幫忙看下file上傳圖片後立刻在頁面Div中顯示 IE不能正常顯示問題
ie那個，nfile=obj.value即可，不需要那麼麻煩。