日期:2012-10-28 來源:GBin1.com
還記得我們上次介紹的javascript檔案上傳類庫 - javascript類庫:FileDrop?今天我們介紹另外一個獨立不依賴任何類庫的檔案上傳js類庫:Fine Uploader。
支援的瀏覽器:
- IE7+
- Firefox
- Safari (OS X)
- Chrome
不使用jQuery,flash也不依賴任何第三方類庫。我們只需要匯入CSS和js檔案即可,是不是非常方便
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Fine Uploader Demo</title>
<link href="client/fileuploader.css" rel="stylesheet">
</head>
<body>
<div id="fine-uploader"></div>
<script src="client/fileuploader.js"></script>
<script>
function createUploader() {
var uploader = new qq.FileUploader({
element: document.getElementById('fine-uploader'),
// Use the relevant server script url here
action: 'yourServerScript'
});
}
window.onload = createUploader;
</script>
</body>
</html>
同時可以整合很多流行的後台語言:
- ASP.NET
- ColdFusion
- Java Node.js
- Perl
- PHP
- Python
是不是支援的非常全面,希望大家喜歡這個上傳類庫!
來源:超棒的純Javascript實現的檔案上傳功能 - Fine uploader