2011-09-06 31 views
0

我有一個應用程序,我希望用戶能夠上傳他們的個人資料的照片。這張照片在他們的個人資料頁面上會很大 - 640x360像素,相當於16:9的比例,這似乎是數碼相機的標準圖像尺寸。高級照片上傳插件 - 任何可以做到這一點的建議

我以前沒做過這個(小菜一碟),有幾件事我不知道最好的處理方式是什麼。

所以我想要一個'上傳圖像'按鈕,它會導致一個彈出窗口,允許用戶調整或裁剪他們正在上傳的圖像,所以如果很適合640x360px div。但是,如果他們上傳的圖像的寬高比例爲16:16,寬度爲5000像素,那麼在顯示給用戶之前,顯然需要調整其大小,然後才能裁剪圖像以適合我所需的16:9比例。

同樣,如果用戶想使用它小小的我想鼓勵他們擴展他們的圖片上來圖像,所以如果能裝進股利我要進去。

我想這是一個普遍的問題,我希望有一個插件,但通過jQuery的插件網站上無盡的插件篩選了一個小時左右後,我無法找到實際上做到了上述的一個插件。

我正在尋找一些聰明的人一些建議:)

感謝

回答

0

它不是一個真正的常見的問題,文件上傳實際上是相當困難的。問題在於,由於安全問題,您受到了很多限制。

你可以做的只是做一個普通的文件上傳(如果你需要幫助的話,網上有大量的教程),然後使用ImageMagick來調整圖像的大小以達到你希望服務器端的分辨率。

+0

感謝您的回覆。我看過imagemagick,它看起來與我見過的其他插件類似。這只是通常的處理方式。我們必須自己做圖像處理?我可以發誓我看到了一些允許用戶裁剪圖像的東西。什麼是安全問題?謝謝 –

+0

當然,有些網站允許你裁剪你的圖片(我相信Facebook),但是這些網站相當複雜,通常依賴於它們託管的服務器。你必須在這裏編寫你自己的解決方案。 – TJHeuvel

+0

文件上傳非常有限,您無法訪問用戶的硬盤,因爲存在明顯的安全問題。例如,它也不可能輕鬆地設置文件輸入元素的樣式。 – TJHeuvel