JavaScript Uploadify文件上传实例

lewis 7年前 (2018-11-17) 阅读数 8 #程序编程

文章标签 JavaScript

以下是一个使用JavaScript和Uploadify插件实现文件上传的示例代码：

<!DOCTYPEhtml><html>
<head>
<title>Uploadify文件上传示例</title>
<!--引入jQuery库-->
<scriptsrc="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<!--引入Uploadify插件-->
<linkrel="stylesheet"type="text/css"href="uploadify.css">
<scriptsrc="jquery.uploadify.min.js"></script>
</head>
<body>
<h2>选择文件并上传</h2>
<inputtype="file"name="file_upload"id="file_upload">
<divid="fileQueue"></div>
<scripttype="text/javascript">
$(document).ready(function(){
//初始化上传插件
$('#file_upload').uploadify({
'swf':'uploadify.swf',//指定Uploadify的Flash文件路径
'uploader':'upload.php',//指定服务器端处理上传的脚本文件路径
'buttonText':'选择文件',//上传按钮上的文字
'fileTypeExts':'*.jpg;*.png;*.gif',//允许上传的文件类型
'fileSizeLimit':'10MB',//限制每个文件的大小
'multi':true,//是否允许多文件上传
'auto':true,//是否自动上传文件
'queueID':'fileQueue',//文件队列的元素ID
'onUploadSuccess':function(file,data,response){
//上传成功时的回调函数
alert('文件上传成功！');
},
'onUploadError':function(file,errorCode,errorMsg){
//上传失败时的回调函数
alert('文件上传失败：'+errorMsg);
}
});
});
</script>
</body>
</html>