首頁 > 網際網路

如何用Jquery實現檔案上傳

2019-12-11 14:54:56

相信很多做程式開發的人都遇到果檔案上傳的需求,如果初次做這樣的功能確實比較的讓人頭疼。下面小編來給大家分享如何用Jquery快速的實現檔案上傳的功能。

1

首先大家需要下載一個上傳的外掛uploadify,這個外掛是用jquery實現的,封裝了前端的上傳功能,如下圖所示


2

然後我們在HTML中引入外掛中的樣式和JS指令碼,如下圖所示


3

接下來就需要準備一個上傳的HTML內容區域了,如下圖所示,這裡用的是一個input的file型別


4

接下來我們在指令碼區域中通過uploadify方法對上傳區域進行範例化,如下圖所示


5

由於指令碼中用的都是php的語法,所以需要把環境都放在PHP環境下面執行,如下圖所示


6

最後我們執行程式以後,你會看到如下圖所示的介面,我們可以上傳多個檔案


7

綜上所述,在使用Jquery實現檔案上傳的時候主要用到了uploadify外掛,大家在了解了基本功能以後就可以對外掛進行改造了。

IT145.com E-mail:sddin#qq.com