php教程PHP开发AjaxFileUpload implements asynchronous file upload (AjaxFileUpload.js file download and parameter introduction)AjaxFileUpload implements asynchronous file upload (AjaxFileUpload.js file download and parameter introduction)
AjaxFileUpload achieves better asynchronous file uploading and is simple to use:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://www.phpddt.com/usr/themes/dddefault/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="ajaxfileupload.js"></script>
</head>
<script>
jQuery(function(){
$("#buttonUpload").click(function(){
//加载图标
/* $("#loading").ajaxStart(function(){
$(this).show();
}).ajaxComplete(function(){
$(this).hide();
});*/
//上传文件
$.ajaxFileUpload({
url:'upload.php',//处理图片脚本
secureuri :false,
fileElementId :'fileToUpload',//file控件id
dataType : 'json',
success : function (data, status){
if(typeof(data.error) != 'undefined'){
if(data.error != ''){
alert(data.error);
}else{
alert(data.msg);
}
}
},
error: function(data, status, e){
alert(e);
}
})
return false;
})
})
</script>
<body>
<input id="fileToUpload" type="file" size="20" name="fileToUpload" class="input">
<button id="buttonUpload">上传</button>
</body>
</html>Upload can also pass parameters:
var data = { name: 'my name', description: 'short description' }
$.ajaxFileUpload({
url: 'upload.php',
secureuri: false,
data: data,
fileElementId: 'fileToUpload',
dataType: 'json',
success: function (data) {
alert(data.msg);
},
error: function (data) {
alert("error");
}
});Main parameter description:
1. url represents the file path for processing file upload operations. You can test whether the URL can be used in the browser Direct access, as above: upload.php
2, fileElementId represents the file domain ID, as above: fileToUpload
3, whether secureuri enables secure submission, the default is false
4, dataType data, generally choose json, the original ecosystem of javascript
5 , processing function after successful submission
6, error processing function for failed submission
You need to know the relevant error prompts
1, SyntaxError: missing; before statement error
If this error occurs, you need to check whether the url path is accessible
2 , SyntaxError: syntax error
If this error occurs, you need to check whether the PHP file processing the submission operation has syntax errors
3, SyntaxError: invalid property id error
If this error occurs, you need to check whether the property ID exists
4, SyntaxError: missing } in XML expression error
If this error occurs, you need to check whether the file domain name is consistent or does not exist
5, other custom errors
You can use the variable $error to directly print to check whether each parameter is correct, such as It is much more convenient to get rid of the above invalid error prompts.
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Atom editor mac version download
The most popular open source editor
MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.
EditPlus Chinese cracked version
Small size, syntax highlighting, does not support code prompt function
Dreamweaver Mac version
Visual web development tools
Notepad++7.3.1
Easy-to-use and free code editor
