Backend-EntwicklungPHP-TutorialBeispiel dafür, wie PHP und AjaxForm den asynchronen Datei-Upload mit Fortschrittsbalken implementierenBeispiel dafür, wie PHP und AjaxForm den asynchronen Datei-Upload mit Fortschrittsbalken implementieren
Bevor Sie die ajaxForm-Methode verwenden, müssen Sie zunächst das online verfügbare form.js-Plugin installieren.
1. Lassen Sie uns zunächst über die Verwendung von 0 oder 1 Parametern sprechen. Dies kann eine Variable, ein Objekt oder eine Rückruffunktion sein. Dieses Objekt hat hauptsächlich die folgenden Parameter:
var object= {
url:url, //form提交数据的地址
type:type, //form提交的方式(method:post/get)
target:target, //服务器返回的响应数据显示的元素(Id)号
beforeSerialize:function(){} //序列化提交数据之前的回调函数
beforeSubmit:function(){}, //提交前执行的回调函数
success:function(){}, //提交成功后执行的回调函数
error:function(){}, //提交失败执行的函数
dataType:null, //服务器返回数据类型
clearForm:true, //提交成功后是否清空表单中的字段值
restForm:true, //提交成功后是否重置表单中的字段值，即恢复到页面加载时的状态
timeout:6000 //设置请求时间，超过该时间后，自动退出请求，单位(毫秒)。
}ajaxForm js的code
$(function(){
$("form").ajaxForm(object)；
})Instanzspezifischer Codecode
htmlcode
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="X-UA-Compatible" content="IE=7" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="ROBOTS" content="NOODP"><title>PHP+Ajax异步带进度条上传文件实例_php</title><meta http-equiv="X-UA-Compatible" content="IE=EDGE" /><meta name="keywords" content="php,ajax异步上传文件,ajax,异步加载,进度条,php,ajax上传进度条" /><meta name="description" content="这篇文章主要介绍了PHP+Ajax异步带进度条上传文件实例代码。" /><!--默认的进度条样式文件
添加一个带有 class .progress 的 <p>。
接着，在上面的 <p> 内，添加一个带有 class .progress-bar 的空的 <p>。
添加一个带有百分比表示的宽度的 style 属性，例如 style="60%"; 表示进度条在 60% 的位置--><link rel="stylesheet" href="public/css/bootstrap.min.css"> <script src="public/js/jquery.min.js"></script><script src="public/js/jquery.form.js"></script> <!--ajaxForm 提交form表单数据无刷新处理数据--></head><body><p class="uk-container uk-container-center">
<p class="pk-system-messages"></p>
<h1 id="文件上传">文件上传</h1>
<p class="pk-system-messages"></p>
<p class="container-main">
<h1 id="文件上传">文件上传</h1>
<p>这里只是一个ajax+php+ajaxForm上传文件word文档例子</p>
<form id='myupload' action='upload.php' method='post' enctype='multipart/form-data'>
<label for="file">选择上传文件名:</label>
<input type="file" name="mypic" id="file"><br>
<input type="submit" name="upload" class="btn btn-success" value="upload">
<input type='text' name="list" value="555"/>
</form>
<p class="progress">
<p class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 0%;color:red;">
<span class="sr-only">10% Complete</span>
</p>
</p>
<p class="files"></p>
<p class="showimg"></p> </p> </p></body><script type="text/javascript">$(function () {
$("#myupload").ajaxForm({
dataType:'json',
beforeSend:function(){
$(".progress").show();
},
uploadProgress:function(event,position,total,percentComplete){
var percentVal = percentComplete + '%';
$(".progress-bar").width(percentComplete + '%');
$(".progress-bar").html(percentVal);
$(".sr-only").html(percentComplete + '%');
},
success:function(data){
$(".progress").hide();
if(data.error == "empty_name"){
alert("文件上传非法,上传失败!");
exit();
};
if(data.error == "large"){
alert("图片上传不能大于2M,上传失败!");
exit();
};
if(data.error == "format"){
alert("图片格式错误,上传失败");
exit();
};
//$(".files").html("<b>"+data.name+"("+data.size+"k)</b> <span class='delimg' rel='"+data.pic+"'>删除</span>"); $(".files").html("文件名: "+data.name+"<span class='delimg' rel='"+data.pic+"'> del </span>大小："+data.size);
var img = "files/"+data.pic;
$(".showimg").html("<img src='"+img+"' alt="Beispiel dafür, wie PHP und AjaxForm den asynchronen Datei-Upload mit Fortschrittsbalken implementieren" >");
alert("上传成功!");
},
error:function(){
alert("上传失败");
}
});
$(".progress").hide();
});</script></html>PHP-Upload Klasse hochladen upload.class.php-Datei
<?php
date_default_timezone_set("PRC"); //设置时间区域
//上传类class upload{ protected $file_path = "files"; //当前files存储文件夹
protected $file_size = 5120000; //5M 用户上传
/**
*检测文件是否为空 */
public function check_file($get_file)
{ if (empty($get_file))
{ $type = "check_file"; $arr = array('error'=>'empty_name','type'=>$type); echo json_encode($arr); exit();
} return true;
} /**
*检测文件类型 */
public function check_type($get_type)
{ if (( $get_type == ".docx" ) || ( $get_type == ".doc" )) { //这里只是判断上传word文档可以自己添加
}else{ $type = "check_type"; $arr = array('error'=>'format','type'=>$type); echo json_encode($arr); exit();
} return true;
} /**
*检测文件大小 */
public function check_size($get_file)
{ if ( $get_file != "" ) { if ( $get_file > $this->file_size ) { $arr = array('error'=>'large'); echo json_encode($arr); exit();
}
}else{ return false; exit();
} return true;
} /**
*文件保存 */
public function save_file($file_type,$file_tmp_name)
{ $rand = rand(1000, 9999); $pics =date('YmdHis') . $rand . $file_type; $path = $this->file_path."/".$pics; $result = move_uploaded_file($file_tmp_name, $path); if($result){ return $pics;
}else{ return false; exit();
}
}
}?>Ajax-PHP-Verarbeitungsdatei hochladen
<?phpinclude("upload.class.php");$up_obj = new upload();//获取上传文件名$get_fileName = $_FILES['mypic']['name'];
$get_fileSize = $_FILES['mypic']['size'];$get_TmpFiles = $_FILES['mypic']['tmp_name'];$get_fileType = strstr($get_fileName, '.');$check_result = $up_obj->check_file($get_fileName);if($check_result){ $result_type = $up_obj->check_type($get_fileType);//检查文件类型
if($result_type){ $result_size = $up_obj->check_size($get_fileSize);//检查文件大小
if($result_size){ $pics = $up_obj->save_file($get_fileType,$get_TmpFiles); //文件上传保存
$size = round($get_fileSize/1024,2); $arr = array( 'name' => $get_fileName,
'pic' => $pics,
'size'=> $size,
'error' => 2,
'list' =>$_POST['list']
); if($pics){ //检查文件上传状态
echo json_encode($arr);
}
}
}
}?>Das obige ist der detaillierte Inhalt vonBeispiel dafür, wie PHP und AjaxForm den asynchronen Datei-Upload mit Fortschrittsbalken implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
PHP und Python: Verschiedene Paradigmen erklärtApr 18, 2025 am 12:26 AMPHP ist hauptsächlich prozedurale Programmierung, unterstützt aber auch die objektorientierte Programmierung (OOP). Python unterstützt eine Vielzahl von Paradigmen, einschließlich OOP, funktionaler und prozeduraler Programmierung. PHP ist für die Webentwicklung geeignet, und Python eignet sich für eine Vielzahl von Anwendungen wie Datenanalyse und maschinelles Lernen.
PHP und Python: Ein tiefes Eintauchen in ihre GeschichteApr 18, 2025 am 12:25 AMPHP entstand 1994 und wurde von Rasmuslerdorf entwickelt. Es wurde ursprünglich verwendet, um Website-Besucher zu verfolgen und sich nach und nach zu einer serverseitigen Skriptsprache entwickelt und in der Webentwicklung häufig verwendet. Python wurde Ende der 1980er Jahre von Guidovan Rossum entwickelt und erstmals 1991 veröffentlicht. Es betont die Lesbarkeit und Einfachheit der Code und ist für wissenschaftliche Computer, Datenanalysen und andere Bereiche geeignet.
Wählen Sie zwischen PHP und Python: Ein LeitfadenApr 18, 2025 am 12:24 AMPHP eignet sich für Webentwicklung und schnelles Prototyping, und Python eignet sich für Datenwissenschaft und maschinelles Lernen. 1.PHP wird für die dynamische Webentwicklung verwendet, mit einfacher Syntax und für schnelle Entwicklung geeignet. 2. Python hat eine kurze Syntax, ist für mehrere Felder geeignet und ein starkes Bibliotheksökosystem.
PHP und Frameworks: Modernisierung der SpracheApr 18, 2025 am 12:14 AMPHP bleibt im Modernisierungsprozess wichtig, da es eine große Anzahl von Websites und Anwendungen unterstützt und sich den Entwicklungsbedürfnissen durch Frameworks anpasst. 1.PHP7 verbessert die Leistung und führt neue Funktionen ein. 2. Moderne Frameworks wie Laravel, Symfony und Codesigniter vereinfachen die Entwicklung und verbessern die Codequalität. 3.. Leistungsoptimierung und Best Practices verbessern die Anwendungseffizienz weiter.
Auswirkungen von PHP: Webentwicklung und darüber hinausApr 18, 2025 am 12:10 AMPhPhas significantantyPactedWebDevelopmentAndendendsbeyondit.1) iTpowersMAjorPlatforms-LikewordpressandExcelsInDatabaseInteractions.2) php'SadaptabilityAllowStoscaleForLargeApplicationsfraMe-Linien-Linien-Linien-Linienkripte
Wie funktioniert der Php -Typ -Hinweis, einschließlich Skalartypen, Rückgabetypen, Gewerkschaftstypen und nullbaren Typen?Apr 17, 2025 am 12:25 AMPHP -Typ -Eingabeaufforderungen zur Verbesserung der Codequalität und der Lesbarkeit. 1) Tipps zum Skalartyp: Da Php7.0 in den Funktionsparametern wie int, float usw. angegeben werden dürfen. 3) Eingabeaufforderung für Gewerkschaftstyp: Da Php8.0 in Funktionsparametern oder Rückgabetypen angegeben werden dürfen. 4) Nullierstyp Eingabeaufforderung: Ermöglicht die Einbeziehung von Nullwerten und Handlungsfunktionen, die Nullwerte zurückgeben können.
Wie handelt es sich bei PHP -Objektklonen (Klonschlüsselwort) und der __clone Magic -Methode?Apr 17, 2025 am 12:24 AMVerwenden Sie in PHP das Klonschlüsselwort, um eine Kopie des Objekts zu erstellen und das Klonierungsverhalten über die \ _ \ _ Clone Magic -Methode anzupassen. 1. Verwenden Sie das Klonschlüsselwort, um eine flache Kopie zu erstellen und die Eigenschaften des Objekts, nicht die Eigenschaften des Objekts zu klonen. 2. Die \ _ \ _ Klonmethode kann verschachtelte Objekte tief kopieren, um flache Kopierprobleme zu vermeiden. 3. achten Sie darauf, dass kreisförmige Referenzen und Leistungsprobleme beim Klonen vermieden werden, und optimieren Sie die Klonierungsvorgänge, um die Effizienz zu verbessern.
PHP vs. Python: Anwendungsfälle und AnwendungenApr 17, 2025 am 12:23 AMPHP eignet sich für Webentwicklungs- und Content -Management -Systeme, und Python eignet sich für Datenwissenschafts-, maschinelles Lernen- und Automatisierungsskripte. 1.PHP hat eine gute Leistung beim Erstellen von schnellen und skalierbaren Websites und Anwendungen und wird üblicherweise in CMS wie WordPress verwendet. 2. Python hat sich in den Bereichen Datenwissenschaft und maschinelles Lernen mit reichen Bibliotheken wie Numpy und TensorFlow übertrifft.
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
SublimeText3 Linux neue Version
SublimeText3 Linux neueste Version
EditPlus chinesische Crack-Version
Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion
PHPStorm Mac-Version
Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool
MinGW – Minimalistisches GNU für Windows
Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.
ZendStudio 13.5.1 Mac
Leistungsstarke integrierte PHP-Entwicklungsumgebung
