當前位置:首頁 » 文件管理 » js頭像上傳插件

js頭像上傳插件

發布時間: 2022-05-11 05:36:40

上傳照片,並且馬上能預覽到縮略圖,這用的是哪個js插件

無需插件:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>By:DragonDean</title>
<script type="text/javascript">
//下面用於圖片上傳預覽功能
function setImagePreview(avalue) {
var docObj=document.getElementById("doc");

var imgObjPreview=document.getElementById("preview");
if(docObj.files &&docObj.files[0])
{
//火狐下,直接設img屬性
imgObjPreview.style.display = 'block';
imgObjPreview.style.width = '150px';
imgObjPreview.style.height = '180px';
//imgObjPreview.src = docObj.files[0].getAsDataURL();

//火狐7以上版本不能用上面的getAsDataURL()方式獲取,需要一下方式
imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
}
else
{
//IE下,使用濾鏡
docObj.select();
var imgSrc = document.selection.createRange().text;
var localImagId = document.getElementById("localImag");
//必須設置初始大小
localImagId.style.width = "150px";
localImagId.style.height = "180px";
//圖片異常的捕捉,防止用戶修改後綴來偽造圖片
try{
localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
}
catch(e)
{
alert("您上傳的圖片格式不正確,請重新選擇!");
return false;
}
imgObjPreview.style.display = 'none';
document.selection.empty();
}
return true;
}

</script>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td height="101" align="center">
<div id="localImag"><img id="preview" src="http://blog.chuangling.net/Public/images/top.jpg" width="150" height="180" style="display: block; width: 150px; height: 180px;"></div>
</td>
</tr>
<tr>
<td align="center" style="padding-top:10px;"><input type="file" name="file" id="doc" style="width:150px;" onchange="javascript:setImagePreview();"></td>
</tr>
</tbody>
</table>
</body>
</html>

㈡ 圖片上傳兼容性好的js插件 哪位大神可以幫忙呢

網路的http://fex..com/webuploader/
一般的上傳插件用的是flash插件,在手機端會有問題,手機的瀏覽器一般沒flash
webuploader是智能判斷,默認用hmtl5來上傳,不支持html5再使用flash,這樣老的瀏覽器和手機瀏覽器都能支持。

㈢ CSS加JS怎麼實現網頁移動端上傳身份證和頭像

為+號添加點擊事件,點擊時彈出文件上傳的對話框,ajax非同步上傳完文件有現成的js庫,文件上傳完畢後執行回調,現在圖片在+的位置,點擊修改的本質就是一個update,原理和前面一樣。我這里有現成的代碼

㈣ 有沒有像QQ頭像的那樣,可以選擇多個圖片的插件jquery或者js最好發我一個。。

jquery.uploadify 非同步上傳圖片!

㈤ jquery怎麼點擊彈出上傳選項

<inputtype="file"id="file"/>
<buttontype="button"onclick="$('#file').click()">上傳</button>

㈥ 求一款jQuery或js多圖上傳插件

多圖上傳沒問題,但是想上傳後可以刪除,可以修改名稱。這個只能你自己來實現。之前專門寫了一個上傳插件希望能幫到你

http://blog.csdn.net/sq111433/article/details/16872403

㈦ 求一個ajax,php,js的一個上傳頭像功能的完整代碼(讓php端返回圖片的名字)

jquery非同步切片上傳

點擊下載本地運行就可以了

㈧ JSP+JS+MYSQL實現頭像上傳保存和頁面調用

你的需求簡直就是一個小型項目了.
單單給100分估計都沒有人願意做的.
給人民幣還差不多.
嘿嘿!

㈨ CSS加js怎麼上傳頭像和身份證

上傳要後台程序,css、html、js是在你瀏覽器前端運行的,沒這個許可權,實現上傳你需要:php、asp、.net、python、node.js之類的寫個後台

㈩ js 上傳多照片的功能

Jquyer有一個uploadify插件,簡潔易用,支持多文件上傳。之前用這個寫過上傳頭像的功能,歡迎追問。

熱點內容
用氣球做雞蛋解壓玩具 發布:2024-11-19 14:35:09 瀏覽:348
我的世界聯機俠優化伺服器 發布:2024-11-19 14:30:32 瀏覽:801
java運維工程師 發布:2024-11-19 14:21:25 瀏覽:770
linuxgmt 發布:2024-11-19 14:21:16 瀏覽:56
政治演算法學嗎 發布:2024-11-19 14:21:09 瀏覽:332
二維碼生成python 發布:2024-11-19 14:19:00 瀏覽:555
壓縮衣排名 發布:2024-11-19 14:18:49 瀏覽:453
安卓手機商務型哪個牌子好 發布:2024-11-19 13:43:04 瀏覽:584
雲主機哪個配置好 發布:2024-11-19 13:34:43 瀏覽:968
c語言數字u 發布:2024-11-19 13:34:02 瀏覽:961