jQuery-File-Upload圖片上傳組件簡要使用指南(揮淚共享)

這個jquery組件能夠同時可以多個圖片同時上傳,預覽~
http://blueimp.github.io/jQuery-File-Upload/

其實有時候,我們遇到的問題並不是說找不到這樣或那樣的工具,來運用...而是找到卻不知道怎麼去用~有時候就只能忍痛割愛了~

下面這個有關上傳的例子也是我掙扎了有那麼一會之後才解決的~

首先我們可能遇到的問題有:

1.英語~這個嘛,個人覺得download  document demo 等知道什麼意思也大概知道怎麼去找了。

2.找到組件之後,下到組件之後,不會用~有些比較詳細的組件的介紹,他設置提供了相應編程語言的範例,這個時候就需要你自己去發現了~

下面截圖,我是如何學習使用這個jquery組件的~

============================================================================================================

首先我在網上搜索關於jquery圖片上傳組件,然後就在開源中國中找到這個樣的一個組件,看起來貌似相當的帥氣啊~

1.登入這個組件的主頁如上所示:http://blueimp.github.io/jQuery-File-Upload/

2.至於下載這個組件的內容就不說了,就是Download,然後就下載下來唄!

3.現在的關鍵是如何去使用這個組件的,點擊進入documentation,稍微看下內容...看看有沒有相關的內容提示

 

然後就可以看到服務器段對應的編程語言!我選的是java->採用的技術是Servlet 所以選用中間的Modified Upload Servlet,點擊進去之後有

在這個頁面我們可以看到這裏是有一個java web的工程的,我們把這個工程下載下來~  翻一翻源代碼去找下了!看到沒!

這是我們把實例中的相應的部分接下來!直接放到我們需要的jsp中去~

這個的部分其實是一個form(表單),需要把action改成servlet相應的url-pattern即可..剩下的就是Servlet中的問題了~

這裏先提示2點~這個在tomcat7.0以上是沒有問題的,但是在之下就會有問題的~

然後就圖片保存的路徑了~

把Servlet中如上圖所示的相應的部分,改成您想要放置的相應的位置即可~!

到這裏就結束了!

這個到底是怎麼回事,我也不知道~先用上在說~

花了點時間來寫這個,希望更多人能少走點彎路--以後用到的組件會慢慢寫上來!讓別人走的跟容易!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章