javascript預(yù)覽上傳圖片發(fā)現(xiàn)的問(wèn)題的解決方法

更新時(shí)間：2010年11月25日 19:59:32 作者：

前段時(shí)間做一個(gè)行業(yè)站點(diǎn)，其中商鋪有一塊功能是商鋪設(shè)置功能，要求是進(jìn)行版式，企業(yè)名稱(chēng)，企業(yè)頭部LOGO，企業(yè)頭部背景進(jìn)行自定義設(shè)置。

先看看效果圖吧：

機(jī)會(huì)難得，有點(diǎn)技術(shù)亮點(diǎn)，就一下子投入到功能開(kāi)發(fā)中去了。在這一塊的功能開(kāi)發(fā)中，自己還是學(xué)到些不錯(cuò)的東西，其中一點(diǎn)就是，用戶(hù)選擇上傳的圖片，如何預(yù)覽出來(lái)呢。網(wǎng)上找了些資料，最終采用如下方法：

復(fù)制代碼代碼如下:

 
function (obj) { //logo上傳添加事件 
var logoimg = null; 
if (document.all) {//如果是IE情況下 
obj.select(); 
logoimg = document.selection.createRange().text; 
//由于是采用濾鏡的方式，所以要把圖片設(shè)置為不可見(jiàn)，在圖片外層的DIV上面設(shè)置濾鏡效果 
$(".setup_logo_left img").removeAttr("src"); 
$(".setup_logo_left img").css("display", "none"); 
var img = document.getElementById("preview_fake"); 
img.filters.item( 
'DXImageTransform.Microsoft.AlphaImageLoader').src = logoimg; 
return; 
} 
logoimg = obj.files[0].getAsDataURL(); 
$(".setup_logo_left img").attr("src", logoimg); 
} 

效果很不錯(cuò)，在IE6，IE7，IE8,FOX,哦還有一個(gè)特讓人糾結(jié)的360都正常顯示

您可能感興趣的文章:

相關(guān)文章

js 鼠標(biāo)放圖片上抖動(dòng)效果
閑得無(wú)聊，弄了個(gè)抖動(dòng)效果，大家看看有沒(méi)有值得學(xué)習(xí)地方
2012-01-01
常見(jiàn)JS效果之圖片減速度滾動(dòng)實(shí)現(xiàn)代碼
圖片減速度滾動(dòng),一般用于產(chǎn)品的展示效果。作為前端，互聯(lián)網(wǎng)上一些常見(jiàn)效果都要嘗試去實(shí)現(xiàn)，不能因?yàn)楣居貌坏骄筒蛔觥?/div> 2011-12-12
用javascript實(shí)現(xiàn)旋轉(zhuǎn)圖片效果的代碼
用javascript實(shí)現(xiàn)旋轉(zhuǎn)圖片效果的代碼...
2007-11-11
javascript 圖片上一張下一張鏈接效果代碼
人人網(wǎng)相冊(cè)和酷狗音樂(lè)網(wǎng)站上面當(dāng)鼠標(biāo)移動(dòng)到圖片上面，鼠標(biāo)的形狀會(huì)根據(jù)其在圖片上的位置改變。
2010-03-03
javascript 不間斷的圖片滾動(dòng)并可點(diǎn)擊
不間斷的圖片滾動(dòng)效果實(shí)現(xiàn)代碼。
2010-01-01
javascript document.images實(shí)例
js document.images獲取頁(yè)面中的所以圖片并顯示出來(lái)
2008-05-05
一個(gè)不錯(cuò)的給圖片添加說(shuō)明文字的動(dòng)態(tài)層的實(shí)現(xiàn)代碼
一個(gè)不錯(cuò)的給圖片添加說(shuō)明文字的動(dòng)態(tài)層的實(shí)現(xiàn)代碼，需要的朋友可以參考下
2013-04-04
javascript橢圓旋轉(zhuǎn)相冊(cè)實(shí)現(xiàn)代碼
支持自動(dòng)和手動(dòng)兩種模式：自動(dòng)模式下自動(dòng)旋轉(zhuǎn)展示，手動(dòng)模式下通過(guò)鼠標(biāo)選擇當(dāng)前圖片，或通過(guò)提供的接口選擇上一張/下一張圖片
2012-01-01
javascript圖片漸顯效果代碼
鼠標(biāo)放上去圖片明亮顯示，不錯(cuò)的js效果
2008-05-05
特漂亮的JS圖片排列旋轉(zhuǎn)效果代碼
2007-12-12