2012-01-30 66 views
1

圖片上傳驗證是有上傳到服務器之前驗證圖像文件的尺寸的任何方法..關於在HTML5和Javascript或jQuery的

在細節

我有一個PHP文件上傳表單並且圖片上傳將會以特定尺寸進行限制。早在我的服務器端我檢查,也我想檢查圖像尺寸上傳過程

之前

請幫 感謝

+2

我只看到它完成與Flash/Silverlight/EXE /小程序,從來沒有見過它純粹的HTML尚未,類似的問題在這裏問:http://stackoverflow.com/questions/8486414/check-image-dimensions-使用php – ToddBFisher 2012-01-30 06:14:14

+0

直到它被上傳php沒有任何檢查。 – 2012-01-30 06:24:05

回答

2

是的,這是可能的。例如,pupload可以在客戶端調整圖像大小。

查看HTML5 runtime source以查看它是如何確定尺寸的。

+0

PLupload岩石! +1,Side note:「圖片大小調整僅適用於Firefox 3.5+(具有固定質量)acnd Chrome,Safari/Opera不支持直接訪問所選文件。」 - http://www.plupload.com/ – ToddBFisher 2012-01-30 06:29:53

1

檢查這個例子http://jsfiddle.net/WQNzY/1/我創建基於這個偉大MDN tutorial

它使用的FileReader API,讓你想檢查什麼browsers support它目前。現在它適用於Mozilla,Chrome,Opera。但對於舊的瀏覽器,無論如何您都需要使用服務器端驗證。這不是什麼大問題,因爲無論如何,它需要與客戶端一起使用,但對於現代瀏覽器,您可以使用戶體驗更加流暢和令人愉快。