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

資訊專欄INFORMATION COLUMN

移動端上傳圖片（ajax跨域請求）

Donald / 2953人閱讀

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

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

項目 開發(fā)簡述

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

html部分

重點說一下這兩個地方：

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

重點說一下上傳圖片這個地址，因為需求，領(lǐng)導(dǎo)不喜歡原生的上傳圖片按鈕，需要放自己做的上傳按鈕，我在最外頭套了一個label里面放了input和圖片。做input是為了給后臺傳值。

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

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

    心得

    在做這個項目的時候，最頭疼的地方，應(yīng)該就是傳輸圖片了，因為如果過大的圖片變成64編碼，會數(shù)據(jù)量巨大，傳輸過慢，我的處理方式是在上傳的時候先把圖片進行壓縮，壓縮的不是尺寸，是分辨率。
    優(yōu)點：確實提高上傳速度。
    缺點：后臺查看提交的圖片，模糊不清晰。

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

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

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

    相關(guān)文章

    • 移動端上傳圖片（ajax跨域請求）

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

      frontoldman 評論0 收藏0

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

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

      genedna 評論0 收藏0

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

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

      cfanr 評論0 收藏0

    發(fā)表評論

    0條評論

    Donald

    男|高級講師

    TA的文章

    閱讀更多
    最新活動
    閱讀需要支付1元查看
    <