基于flash的圖片壓縮和上傳工具

1、為了方便貴公司的溝通，以使貴公司的專利申請(qǐng)盡早完成，煩請(qǐng)?zhí)顚懴卤?。專利申?qǐng)技術(shù)交底書發(fā)明人基本資料第一發(fā)明人(對(duì)本發(fā)明做出最大貢獻(xiàn)的人)姓 名王秋石電 話電子信箱第二發(fā)明人(對(duì)本發(fā)明做出次要貢獻(xiàn)的人)姓 名電 話電子信箱其它發(fā)明人(對(duì)本發(fā)明做出次要貢獻(xiàn)的人)姓 名電 話其它聯(lián)系方式申請(qǐng)人基本資料第一申請(qǐng)人名 稱安紅亮地 址、電 話上海市浦東新區(qū)陸家嘴環(huán)路166號(hào)未來資產(chǎn)大廈10、11樓郵 編單位代碼第二申請(qǐng)人(如果僅有一個(gè)此項(xiàng)不填)名 稱地 址、電 話郵 編單位代碼其它申請(qǐng)人(如果僅有二個(gè)此項(xiàng)不填)名 稱地 址、電 話郵 編單位代碼貴方案號(hào)：我方案號(hào)：以

2、上資料在申請(qǐng)專利時(shí)具有重要意義，請(qǐng)?jiān)敿?xì)填寫。上海浦一知識(shí)產(chǎn)權(quán)代理有限公司一、發(fā)明名稱(簡(jiǎn)單、準(zhǔn)確地表明發(fā)明創(chuàng)造專利申請(qǐng)請(qǐng)求保護(hù)的主題和類型，一般不得超過25個(gè)字)基于flash的圖片壓縮和上傳工具二、技術(shù)領(lǐng)域(說明發(fā)明或?qū)嵱眯滦图夹g(shù)方案所屬或直接應(yīng)用的具體技術(shù)領(lǐng)域)0001 需要上傳圖片的領(lǐng)域(或者文件上傳,只有圖片才能壓縮大小)三、背景技術(shù)(寫明對(duì)發(fā)明或?qū)嵱眯滦偷睦斫?、檢索、審查有用的背景技術(shù)，并且引證反映這些背景技術(shù)的文件，客觀地指出背景技術(shù)中存在的問題和缺點(diǎn)。)0002JPEG:Joint Photographic Experts Group（聯(lián)合圖像專家小組）的縮寫。JPEG的壓縮方式

3、通常是破壞式資料壓縮（lossy compression），意即在壓縮過程中圖像的品質(zhì)會(huì)遭受到可見的破壞0003 瀏覽器:萬維網(wǎng)(Web)服務(wù)的客戶端瀏覽程序。可向萬維網(wǎng)(Web)服務(wù)器發(fā)送各種請(qǐng)求，并對(duì)從服務(wù)器發(fā)來的超文本信息和各種多媒體數(shù)據(jù)格式進(jìn)行解釋、顯示和播放。0004 FLASH：Flash是由macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫的標(biāo)準(zhǔn)0005 FLEX：Flex通常是指Adobe Flex，是最初由Macromedia公司在2004年3月發(fā)布的，基于其專有的Macromedia Flash平臺(tái)，它是涵蓋了支持RIA（Rich Internet Applicat

4、ions）的開發(fā)和部署的一系列技術(shù)組合。flex的另一個(gè)意思是一款生成掃描器的工具，能夠識(shí)別文本中的詞法模式。0006 HTTP:一種詳細(xì)規(guī)定了瀏覽器和萬維網(wǎng)服務(wù)器之間互相通信的規(guī)則，通過因特網(wǎng)傳送萬維網(wǎng)文檔的數(shù)據(jù)傳送協(xié)議。0007 SOCKET:通常也稱作套接字，用于描述IP地址和端口，是一個(gè)通信鏈的句柄。在Internet上的主機(jī)一般運(yùn)行了多個(gè)服務(wù)軟件，同時(shí)提供幾種服務(wù)。每種服務(wù)都打開一個(gè)Socket，并綁定到一個(gè)端口上，不同的端口對(duì)應(yīng)于不同的服務(wù)。0008 80端口:默認(rèn)運(yùn)行http協(xié)議的端口0009 843端口:用于提供flash安全socket連接的默認(rèn)端口0010 multipar

5、t/formdata:http協(xié)議的文件上傳方式0011JPEGEncoder: flash提供把DisplayObject壓縮成二進(jìn)制流的一個(gè)工具包,DisplayObject是址flash中可以顯示的對(duì)象,比如loader,button,image,等等0012BitMap: 亦稱為點(diǎn)陣圖像或繪制圖像，是由稱作像素（圖片元素）的單個(gè)點(diǎn)組成的0013 FileReference:flash提供的可以和本地電腦文件交互的類,只能負(fù)責(zé)上傳圖片,但不能將圖片的大小進(jìn)行壓縮四、發(fā)明內(nèi)容：1、要解決的技術(shù)問題(針對(duì)現(xiàn)有技術(shù)存在的技術(shù)問題，提出本發(fā)明要解決的技術(shù)問題。)0014 本發(fā)明的目的是在客戶端對(duì)

6、用戶上傳的大圖片進(jìn)行壓縮,來減少?zèng)]必要的帶寬和上傳等待時(shí)間2、技術(shù)方案（清楚、完整地寫明技術(shù)方案，包括解決本發(fā)明要解決的技術(shù)問題的全部必要技術(shù)特征。產(chǎn)品發(fā)明寫明所采用的零件、部件、元器件，各零件、部件或元器件之間的連接關(guān)系或安裝位置關(guān)系，相互之間的作用關(guān)系，對(duì)電學(xué)發(fā)明還應(yīng)說明信號(hào)傳遞關(guān)系。方法發(fā)明寫明該方法的操作過程、步驟。）0015:通過FileReference類的show方法顯示文件選擇對(duì)話框,用戶選擇文件,用過FileReference類的file_select事件,獲得用戶選擇的圖片,判斷用戶選擇的圖片大小如果超出一個(gè)定義的值,進(jìn)入壓縮過程,FileReference類,是flash

7、提供的可以和用戶本地文件系統(tǒng)交互的類,0016 調(diào)用FileReference的load方法,將圖片加載進(jìn)內(nèi)存中,并添加加載完畢事件監(jiān)聽.0017 壓縮之前需要將圖片用bitmap將圖片畫出來,bitmap是flash對(duì)bitmap格式的圖片的一種支持0018 由于大圖片的像素通常達(dá)到4000-5000px,我們沒必要需要這么大的尺寸,所以先通過Matrix矩陣變換類,將圖片縮小至設(shè)定的值,bimap畫出圖片后,調(diào)用JPEGEncoder進(jìn)行壓縮.Matrix是flash提供的一種對(duì)圖片變換的支持,可以對(duì)圖片進(jìn)行旋轉(zhuǎn),縮放,左移右移,它可以作為bitmap的draw方法的參數(shù).JPEGEnco

8、der是flash提供的可以把一個(gè)bitmapdata對(duì)象壓縮成二進(jìn)制流,而且壓縮過程可以設(shè)定,壓縮的質(zhì)量.0019由于壓縮需要一定的時(shí)間,ie系列的瀏覽器有卡的現(xiàn)象,所以需要尋找一個(gè)異步的壓縮圖片類,而且flash自帶的JPEGEncoder類的壓縮效率很低,所以采用JPEGEncoderIMP,該類采取Vector技術(shù),并且可以異步的進(jìn)行圖片壓縮,vector是flash10提供的一種強(qiáng)類型類似Array的一種數(shù)據(jù)結(jié)構(gòu),速度比Array要快,JPEGEncoderIMP是用vector對(duì)JPEGEncoder的改寫,并且增加了異步壓縮的功能.0020 壓縮之后得到圖片的二進(jìn)制流ByteAr

9、ray,ByteArray是flash提供的對(duì)二進(jìn)制流支持的一個(gè)數(shù)據(jù)類型0021 因?yàn)橹荒艿玫揭粋€(gè)二進(jìn)制流,所以不再能通過FileReference類的upload方法進(jìn)行上傳,而且如果通過定義一個(gè)request對(duì)象的時(shí)候,對(duì)Content-Type設(shè)置multi-part屬性的時(shí)候,需要用戶的事件觸發(fā),這種方式不可取,如果將二進(jìn)制流直接傳回給php的話,接收?qǐng)D片的服務(wù)端需要重寫接口,兼容性也不是很好,所以最終采用socket來封裝http協(xié)議進(jìn)行上傳0022由于需要通過socket來連接服務(wù)器,所以需要通過在服務(wù)端開啟843端口來返回,服務(wù)器的域名允許范圍 3、有益效果0023 用戶上傳大圖

10、片的時(shí)候,需要等待時(shí)間過長,而且占用大量帶寬,增加服務(wù)器壓力,并且由于上傳時(shí)間過長,上傳成功率,大大降低,采取這種方式壓縮后,10M的圖片可以在很短的時(shí)間內(nèi)壓縮到2M,解決了上述的所有問題五、附圖及附圖說明(提供能反映本發(fā)明技術(shù)方案的必要附圖，對(duì)圖中的零部件，標(biāo)示相應(yīng)標(biāo)號(hào)，必要時(shí)也可提供有關(guān)現(xiàn)有技術(shù)附圖。)0024 圖片壓縮上傳流程六、具體實(shí)施方式(詳細(xì)描述申請(qǐng)人認(rèn)為實(shí)現(xiàn)發(fā)明或?qū)嵱眯滦偷膬?yōu)選的具體實(shí)施方式，適當(dāng)情況下，應(yīng)當(dāng)舉例說明，有附圖的，應(yīng)當(dāng)對(duì)照附圖。應(yīng)當(dāng)體現(xiàn)申請(qǐng)中解決技術(shù)問題所采用的技術(shù)方案，并對(duì)技術(shù)方案中的技術(shù)特征給予詳細(xì)說明，使本領(lǐng)域的技術(shù)人員按照所描述的內(nèi)容能夠重現(xiàn)發(fā)明或?qū)嵱眯滦?，不必再花費(fèi)創(chuàng)造性勞動(dòng)。)0025復(fù)制swfupload.swf,swfupload.js,swfupload.queue.js到任意可訪問目錄0026頁面引入上述的兩個(gè)js文件,通過js設(shè)定配置,如一些回調(diào)函數(shù),上傳文件的接收php地址等0027設(shè)置