国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

移動(dòng)端上傳圖片（ajax跨域請(qǐng)求）

frontoldman / 1080人閱讀

摘要：項(xiàng)目開發(fā)簡(jiǎn)述項(xiàng)目需求上傳圖片并展示。做是為了給后臺(tái)傳值。上傳截圖點(diǎn)擊更換提交數(shù)據(jù)判斷需要填寫的參數(shù)是否為空，如果不為空直接往下走，直到成功提交數(shù)據(jù)。優(yōu)點(diǎn)確實(shí)提高上傳速度。缺點(diǎn)后臺(tái)查看提交的圖片，模糊不清晰。

第一次寫項(xiàng)目開發(fā)經(jīng)驗(yàn)，望擔(dān)待。
除了前端以外的事就不叨叨了，下面開始弄干活（兩個(gè)頁(yè)面首頁(yè)、列表頁(yè)）。

項(xiàng)目 開發(fā)簡(jiǎn)述

項(xiàng)目需求：上傳圖片并展示。
項(xiàng)目地址：項(xiàng)目的鏈接地址
開發(fā)工具：sublime
后臺(tái)：java
開發(fā)語(yǔ)言：JavaScript（jq）
項(xiàng)目運(yùn)用到的技術(shù)：css3+html5+jquery+ajax jsonp

html部分

重點(diǎn)說(shuō)一下這兩個(gè)地方：

做了一個(gè)li，里面放一個(gè)span用來(lái)做數(shù)字標(biāo)題，再用border-radius做圓角，寫一個(gè)寬度，要定死寬和高，在用字體居中和浮動(dòng)向左，就OK了；

重點(diǎn)說(shuō)一下上傳圖片這個(gè)地址，因?yàn)樾枨螅I(lǐng)導(dǎo)不喜歡原生的上傳圖片按鈕，需要放自己做的上傳按鈕，我在最外頭套了一個(gè)label里面放了input和圖片。做input是為了給后臺(tái)傳值。

  • 
    上傳截圖
    
    
        
      
            
      • 
        
    
        
    • ");
    });
    $(".zheng").css("opacity","0");
    $(".zheng").attr("title","點(diǎn)擊更換");
    $(".zhengImg").css("display","none");
    $(".loading,#mask").show();
    ajax1();
});

    4、提交數(shù)據(jù)
    判斷需要填寫的參數(shù)是否為空，如果不為空直接往下走，直到成功提交數(shù)據(jù)。

    心得

    在做這個(gè)項(xiàng)目的時(shí)候，最頭疼的地方，應(yīng)該就是傳輸圖片了，因?yàn)槿绻^(guò)大的圖片變成64編碼，會(huì)數(shù)據(jù)量巨大，傳輸過(guò)慢，我的處理方式是在上傳的時(shí)候先把圖片進(jìn)行壓縮，壓縮的不是尺寸，是分辨率。
    優(yōu)點(diǎn)：確實(shí)提高上傳速度。
    缺點(diǎn)：后臺(tái)查看提交的圖片，模糊不清晰。

    更好的方法我也沒有想到，希望大家可以一起探討。

    文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/111472.html

    相關(guān)文章

    • 移動(dòng)端上傳圖片（ajax跨域請(qǐng)求）

      摘要：項(xiàng)目開發(fā)簡(jiǎn)述項(xiàng)目需求上傳圖片并展示。做是為了給后臺(tái)傳值。上傳截圖點(diǎn)擊更換提交數(shù)據(jù)判斷需要填寫的參數(shù)是否為空，如果不為空直接往下走，直到成功提交數(shù)據(jù)。優(yōu)點(diǎn)確實(shí)提高上傳速度。缺點(diǎn)后臺(tái)查看提交的圖片，模糊不清晰。 第一次寫項(xiàng)目開發(fā)經(jīng)驗(yàn)，望擔(dān)待。除了前端以外的事就不叨叨了，下面開始弄干活（兩個(gè)頁(yè)面首頁(yè)、列表頁(yè)）。 項(xiàng)目 開發(fā)簡(jiǎn)述 項(xiàng)目需求：上傳圖片并展示。項(xiàng)目地址：項(xiàng)目的鏈接地址開發(fā)工具：su...

      Donald 評(píng)論0 收藏0

    • WEB之常見工作問(wèn)題總結(jié)（1-20）

      摘要：第三種，使用格式，即在中請(qǐng)求參數(shù)處理跨域問(wèn)題當(dāng)然請(qǐng)求方式只能是。最后發(fā)現(xiàn)有網(wǎng)友說(shuō)版本不穩(wěn)定引起的，于是把百度地圖回退到了，結(jié)果還真是可以了。請(qǐng)問(wèn)在移動(dòng)端頁(yè)面中播放優(yōu)酷里面的視頻，怎樣實(shí)現(xiàn) 1.web掃碼登錄怎么實(shí)現(xiàn)，思路 步驟 WEB平臺(tái) 手機(jī) 第1步 生成二維碼 第2步 （ajax監(jiān)控后臺(tái)） 掃碼 第3步 ...

      genedna 評(píng)論0 收藏0

    • 基于Node的React圖片上傳組件實(shí)現(xiàn)

      摘要：常用的設(shè)置如下下的請(qǐng)求風(fēng)格下的請(qǐng)求和不太一樣，在正式的請(qǐng)求發(fā)出之前都會(huì)先發(fā)一個(gè)類型為的請(qǐng)求作為試探，只有當(dāng)該請(qǐng)求通過(guò)以后，正式的請(qǐng)求才能發(fā)向服務(wù)端。所以服務(wù)端路由我們還需要處理這樣一個(gè)請(qǐng)求注意該請(qǐng)求同樣需要設(shè)置跨域。 寫在前面 紅旗不倒，誓把JavaScript進(jìn)行到底！今天介紹我的開源項(xiàng)目 Royal 里的圖片上傳組件的前后端實(shí)現(xiàn)原理（React + Node），花了一些時(shí)間，希望對(duì)...

      cfanr 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

    最新活動(dòng)
    閱讀需要支付1元查看
    <