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
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
EditPlus Chinese cracked version
Small size, syntax highlighting, does not support code prompt function
PhpStorm Mac version
The latest (2018.2.1) professional PHP integrated development tool
SecLists
SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.
Safe Exam Browser
Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.
Zend Studio 13.0.1
Powerful PHP integrated development environment
