js頭像上傳插件
㈠ 上傳照片,並且馬上能預覽到縮略圖,這用的是哪個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插件,簡潔易用,支持多文件上傳。之前用這個寫過上傳頭像的功能,歡迎追問。