建站
咨詢
售后
建站咨詢
新聞中心
用js、jquery如何實(shí)現(xiàn)上傳圖片的預(yù)覽
$("#btnLoadPhoto").upload({ url: "../UploadForms/RequestUpload.aspx?action=photo", type: "json", callback: calla });
為城西等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及城西網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站制作、網(wǎng)站建設(shè)、城西網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！
//獲得表單元素
HttpPostedFile oFile = context.Request.Files[0];
//設(shè)置上傳路徑
string strUploadPath = "temp/";
//獲取文件名稱
string fileName = context.Request.Files[0].FileName;
補(bǔ)充：JQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascript庫。它是輕量級(jí)的js庫 ，它兼容CSS3，還兼容各種瀏覽器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后續(xù)版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）、events、實(shí)現(xiàn)動(dòng)畫效果，并且方便地為網(wǎng)站提供AJAX交互。jQuery還有一個(gè)比較大的優(yōu)勢是，它的文檔說明很全，而且各種應(yīng)用也說得很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁面保持代碼和html內(nèi)容分離，也就是說，不用再在html里面插入一堆js來調(diào)用命令了，只需要定義id即可。
有哪些好用的 jQuery 圖片上傳插件
1、uploadify
它是針對(duì)jQuery的免費(fèi)文件上傳插件，可以輕松將單個(gè)或多個(gè)文件上傳到網(wǎng)站上，可控制并發(fā)上傳的文件數(shù)，通過接口參數(shù)和CSS控制外觀。Web服務(wù)器需支持flash和后端開發(fā)語言。
2、FancyUpload
它是一個(gè)由CSS和XHTML編寫樣式的Ajax文件上傳工具，安裝簡便，服務(wù)器獨(dú)立，由MooTools模塊驅(qū)動(dòng)，可以在任何現(xiàn)代瀏覽器上使用。
3、Aurigma Upload Suite(Image Uploader)
這是一個(gè)不限大小，不限格式的文件/圖片批量上傳工具，是收費(fèi)控件。它支持云端存儲(chǔ)和客戶端文件處理，支持?jǐn)帱c(diǎn)續(xù)傳，穩(wěn)定可靠。從8.0.8開始，Image Uploader將名稱改為"Aurigma Upload Suite"。
jqueryajax不能上傳圖片？
想要異步上傳文件和圖片可以是用iframe標(biāo)簽，然后將form的target指定為添加的iframe即可?？梢运阉选癷frame文件上傳”?；蛘哒乙恍┑谌綆?。
jquery如何將頁面生成的圖片上傳到服務(wù)器
File Upload組件啊，是同步還是異步呢
html部分：
input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*"
文件引入：
link rel="stylesheet" type="text/css" href="diyUpload/css/diyUpload.css"script type="text/javascript" src="diyUpload/js/diyUpload.js"/script
HTML部分：
div id="demo" div id="as" /div/div
JS部分：
script type="text/javascript"
/** 服務(wù)器地址,成功返回,失敗返回參數(shù)格式依照jquery.ajax習(xí)慣;* 其他參數(shù)同WebUploader*/
$('#as').diyUpload({
url:'server/fileupload.php',
success:function( data ) {
console.info( data ); },
error:function( err ) {
console.info( err );
},
buttonText : '選擇文件', chunked:true, // 分片大小
chunkSize:512 * 1024, //最大上傳的文件數(shù)量, 總文件大小,單個(gè)文件大小(單位字節(jié));
fileNumLimit:50,
fileSizeLimit:500000 * 1024,
fileSingleSizeLimit:50000 * 1024,
accept: {}});
/script
當(dāng)前名稱：jquery上傳圖片,jquery文件上傳
文章網(wǎng)址：http://www.dlmjj.cn/article/phgisi.html
