還記得我們上次介紹的javascript文件上傳類(lèi)庫(kù) - javascript類(lèi)庫(kù):FileDrop?今天我們介紹另外一個(gè)獨(dú)立不依賴(lài)任何類(lèi)庫(kù)的文件上傳js類(lèi)庫(kù):Fine Uploader。
支持的瀏覽器:
IE7+
Firefox
Safari (OS X)
Chrome
不使用jQuery,flash也不依賴(lài)任何第三方類(lèi)庫(kù)。我們只需要導(dǎo)入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>
同時(shí)可以整合很多流行的后臺(tái)語(yǔ)言:
ASP.NET
ColdFusion
Java Node.js
Perl
PHP
Python
是不是支持的非常全面,希望大家喜歡這個(gè)上傳類(lèi)庫(kù)!
來(lái)源:超棒的純Javascript實(shí)現(xiàn)的文件上傳功能 - Fine uploader