2012-01-25 70 views
0

我想要一個單擊按鈕打開文件對話框,然後用戶選擇他們想要上傳的照片並關閉對話框。我想要上傳照片。我不能想辦法做到這一點,因爲在你不能使用type = filetype = submit在一起的形式。我需要使用jQuery來實現這個嗎?謝謝。使用PHP和jquery上傳照片?

+0

如果用戶誤點了錯誤的文件,我不會考慮這種良好的可用性。 –

+1

在這裏,對於上傳仍然有一個兩階段的方法可能是一個好主意。傳統:1)用戶找到文件2)用戶點擊按鈕上傳。它使用戶有機會確保他或她想要真正上傳文件。我在下面編輯了我的答案,以更好地反映你的問題;對於我最初的答案感到抱歉 – summea

回答

4

是的,這個想法是使用jQuery作爲用戶選擇要上傳文件的初始部分...然後某種其他服務器端語言(如PHP)將實際執行繁重的工作(通過實際上傳文件。)

這裏是一個jQuery插件,可以幫助你做到這一點: http://blueimp.github.com/jQuery-File-Upload/

編輯: 是的,我相信使用jQuery(或其他一些庫...或插件, )當用戶瀏覽要上傳的文件時,可能會收到一個事件監聽器(或某物),並自動啓動o選擇文件後上傳。但是,正如之前所說的,現在採取兩步式文件上傳可能更安全。

+1

blueimp文件上傳器非常棒。我已經在至少十幾個不同的項目中使用過它的修改版本。它不使用閃存的事實推動了它通過所有其他上傳者。 – VictorKilo

1

嘗試this

一鍵上傳是一個jQuery插件,它取代了標準的文件 輸入元素,讓您在使用的任何鏈接,圖像或元素用於撫育的目的 「文件瀏覽」對話框。它 完成後臺上傳,無需刷新頁面, 使其與標準上傳 表單相比更加突出且更容易。

1

要按照您描述的方式開始上傳,您需要使用JavaScript。 jQuery是一個非常好的庫,可用於簡化該過程,但這不是必需的。