[問題] 如何在browser side 調整圖片大小後上傳

作者: tamsky (低調的極限成為注意焦點)   2014-06-19 23:19:51
最近實作一個上傳檔案的機制
透過input file 選擇圖檔後
上傳到server 在server 去解析收到的stream 為圖檔的binary後
在server建立一個檔案並把收到的stream binary內寫入 完成檔案上傳的機制
雖然我在server 跟 client 都有判斷檔案大小的機制
不過最近想改寫在client端選擇檔案後 不限制大小 而是在上傳前就透過browser
進行縮圖的動作 在上傳到server
google了一下 html5 可以透過canvas 方式 類似重新繪製圖檔在上傳的方式
不過IE11 不支援 file reader 這部分無解
有人有想法如何在browser端 把user選的圖檔 調整大小嗎??
作者: mmis1000 (秋月戀楓)   2014-06-19 23:43:00
就像你講的,先用canvas resize,然後再用ajax上傳阿
作者: alog (A肉哥)   2014-06-20 00:05:00
這方面flash是翹楚
作者: danny8376 (釣到一隻猴子@_@)   2014-06-20 00:16:00
IE11哪裡不支援啦?
作者: f124 (....)   2014-06-20 11:47:00
flash
作者: hsiehld (Hsiehld)   2014-06-22 12:45:00
我的做法是用 canvas 縮圖後送出 base 64 字串
作者: mmis1000 (秋月戀楓)   2014-06-22 13:35:00
ie10就支援了阿,mdn的支援度表格寫的http://goo.gl/XyK1v

Links booklink

Contact Us: admin [ a t ] ucptt.com