圖片上傳需要使用表單提交,ajax 提交是無(wú)法提交file的。
讓客戶(hù)滿(mǎn)意是我們工作的目標(biāo),不斷超越客戶(hù)的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶(hù),將通過(guò)不懈努力成為客戶(hù)在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴,公司提供的服務(wù)項(xiàng)目有:域名注冊(cè)、網(wǎng)站空間、營(yíng)銷(xiāo)軟件、網(wǎng)站建設(shè)、寬城網(wǎng)站維護(hù)、網(wǎng)站推廣。
data: name=John&location=Boston,success: function(msg){ alert( Data Saved: + msg );} });先看一個(gè)簡(jiǎn)單的ajax提交數(shù)據(jù)功能 some.php就是你提交到后臺(tái)進(jìn)行操作的php data就是參數(shù)根據(jù)自己的需要而定餓。
(1).提供form表單,method必須是post。(2).form表單的enctype必須是multipart/form-data。(3).提供input type=file上傳輸入域。
是的話(huà)就返回“text/html”類(lèi)型的內(nèi)容,不是就可以返回“application/json”的。簡(jiǎn)單的說(shuō)就是ajaxSubmit上傳文件的話(huà),返回的內(nèi)容只能是網(wǎng)頁(yè)內(nèi)容的,否則IE就有可能出現(xiàn)下載提示框。
今天我就以圖片上傳為例向大家展示文件上傳功能的具體步驟。
1、圖片和文件等流媒體 上傳都是靠from表單的提交。
2、補(bǔ)充:JQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascript庫(kù)。它是輕量級(jí)的js庫(kù) ,它兼容CSS3,還兼容各種瀏覽器(IE 0+, FF 5+, Safari 0+, Opera 0+),jQuery0及后續(xù)版本將不再支持IE6/7/8瀏覽器。
3、引入資源 使用Web Uploader文件上傳需要引入三種資源:JS, CSS, SWF。
4、//jquery需要引入jquery.js文件 //頁(yè)面加載完后執(zhí)行 (function(){ (#img1).attr(src,/img/imgjpg);}); 這是js,jquery 給img標(biāo)簽賦值的辦法。 不知道是不是你想要的, 你的問(wèn)題可以描述清楚點(diǎn)。
5、我的理解是你應(yīng)該先通過(guò)圖片上傳接口把圖片上傳到服務(wù)器上(上傳后的服務(wù)器端的圖片地址,保存到里),然后再統(tǒng)一提交所有的表單項(xiàng)。
實(shí)現(xiàn)的效果也還可以,不過(guò)這個(gè)保存的是base64的圖片,插入數(shù)據(jù)庫(kù)的時(shí)候我們一般都是保存xxxx.jpg 故需要實(shí)現(xiàn)一個(gè)方法這里我是根據(jù)日期對(duì)文件夾分組了,并且保存到數(shù)據(jù)庫(kù)。
, tapmodo / Jcrop Jcrop是人氣最高的圖片裁剪jQuery插件,stars數(shù)量2k+,功能非常豐富,文檔齊全,首選。Github點(diǎn)抗 guan 網(wǎng)也使用了這個(gè)插件。有一個(gè)小細(xì)節(jié)是,邊框線(xiàn)的螞蟻線(xiàn)是動(dòng)畫(huà)的,真的很用心。
jQuery File Upload是上傳文件的一個(gè)插件,不一定是圖片,所以里面沒(méi)做預(yù)覽的支持。
引入資源 使用Web Uploader文件上傳需要引入三種資源:JS, CSS, SWF。
不能上傳的原因可能是jquery插件使用不正確。
圖片和文件等流媒體 上傳都是靠from表單的提交。
引入資源 使用Web Uploader文件上傳需要引入三種資源:JS, CSS, SWF。
jQuery使用戶(hù)能更方便地處理HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)、events、實(shí)現(xiàn)動(dòng)畫(huà)效果,并且方便地為網(wǎng)站提供AJAX交互。
//jquery //jquery需要引入jquery.js文件 //頁(yè)面加載完后執(zhí)行 (function(){ (#img1).attr(src,/img/imgjpg);}); 這是js,jquery 給img標(biāo)簽賦值的辦法。
當(dāng)前題目:jquery上載圖片 jqueryform圖片上傳
鏈接分享:http://jinyejixie.com/article49/dgiioeh.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、Google、做網(wǎng)站、全網(wǎng)營(yíng)銷(xiāo)推廣、服務(wù)器托管、外貿(mào)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)