développement back-endtutoriel phpExemple de la façon dont php et ajaxForm implémentent le téléchargement de fichiers asynchrone avec barre de progressionExemple de la façon dont php et ajaxForm implémentent le téléchargement de fichiers asynchrone avec barre de progression
Avant d'utiliser la méthode ajaxForm, vous devez d'abord installer le plug-in form.js, qui est disponible en ligne
1. Parlons d'abord de l'utilisation d'ajaxForm peut recevoir 0 ou 1 paramètre, qui peut être une variable, un Objet ou une fonction de rappel. Cet objet possède principalement les paramètres suivants :
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)；
})Code spécifique à l'instance
code HTML
<!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="Exemple de la façon dont php et ajaxForm implémentent le téléchargement de fichiers asynchrone avec barre de progression" >");
alert("上传成功!");
},
error:function(){
alert("上传失败");
}
});
$(".progress").hide();
});</script></html>php upload classe de téléchargement fichier upload.class.php
<?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 soumet le téléchargement du fichier de traitement php
<?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);
}
}
}
}?>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Au-delà du battage médiatique: évaluer le rôle de PHP aujourd'huiApr 12, 2025 am 12:17 AMPHP reste un outil puissant et largement utilisé dans la programmation moderne, en particulier dans le domaine du développement Web. 1) PHP est facile à utiliser et intégré de manière transparente aux bases de données, et est le premier choix pour de nombreux développeurs. 2) Il prend en charge la génération de contenu dynamique et la programmation orientée objet, adaptée à la création et à la maintenance des sites Web rapidement. 3) Les performances de PHP peuvent être améliorées en mettant en cache et en optimisant les requêtes de base de données, et sa vaste communauté et son écosystème riche le rendent toujours important dans la pile technologique d'aujourd'hui.
Quelles sont les références faibles en PHP et quand sont-elles utiles?Apr 12, 2025 am 12:13 AMEn PHP, les références faibles sont mises en œuvre via la classe FaibleRreference et n'empêcheront pas le collecteur des ordures de récupérer des objets. Les références faibles conviennent aux scénarios tels que les systèmes de mise en cache et les auditeurs d'événements. Il convient de noter qu'il ne peut garantir la survie des objets et que la collecte des ordures peut être retardée.
Expliquez la méthode magique __invoke en PHP.Apr 12, 2025 am 12:07 AMLa méthode \ _ \ _ Invoke permet aux objets d'être appelés comme des fonctions. 1. Définissez la méthode \ _ \ _ Invoquer afin que l'objet puisse être appelé. 2. Lorsque vous utilisez la syntaxe $ obj (...), PHP exécutera la méthode \ _ \ _ Invoke. 3. Convient pour des scénarios tels que la journalisation et la calculatrice, l'amélioration de la flexibilité et de la lisibilité du code.
Expliquez les fibres dans PHP 8.1 pour la concurrence.Apr 12, 2025 am 12:05 AMLes fibres ont été introduites dans PHP8.1, améliorant les capacités de traitement simultanées. 1) Les fibres sont un modèle de concurrence léger similaire aux coroutines. 2) Ils permettent aux développeurs de contrôler manuellement le flux d'exécution des tâches et conviennent à la gestion des tâches à forte intensité d'E / O. 3) L'utilisation des fibres peut écrire du code plus efficace et réactif.
La communauté PHP: ressources, soutien et développementApr 12, 2025 am 12:04 AMLa communauté PHP fournit des ressources et un soutien riches pour aider les développeurs à se développer. 1) Les ressources incluent la documentation officielle, les tutoriels, les blogs et les projets open source tels que Laravel et Symfony. 2) Le support peut être obtenu via les canaux Stackoverflow, Reddit et Slack. 3) Les tendances de développement peuvent être apprises en suivant la RFC. 4) L'intégration dans la communauté peut être réalisée grâce à la participation active, à la contribution au code et au partage d'apprentissage.
PHP vs Python: comprendre les différencesApr 11, 2025 am 12:15 AMPHP et Python ont chacun leurs propres avantages, et le choix doit être basé sur les exigences du projet. 1.Php convient au développement Web, avec une syntaxe simple et une efficacité d'exécution élevée. 2. Python convient à la science des données et à l'apprentissage automatique, avec une syntaxe concise et des bibliothèques riches.
PHP: Est-il en train de mourir ou est-ce simplement de s'adapter?Apr 11, 2025 am 12:13 AMLe PHP n'est pas en train de mourir, mais d'adapter et d'évoluer constamment. 1) PHP a subi plusieurs itérations de version depuis 1994 pour s'adapter aux nouvelles tendances technologiques. 2) Il est actuellement largement utilisé dans le commerce électronique, les systèmes de gestion de contenu et d'autres domaines. 3) PHP8 introduit le compilateur JIT et d'autres fonctions pour améliorer les performances et la modernisation. 4) Utilisez OPCACHE et suivez les normes PSR-12 pour optimiser les performances et la qualité du code.
L'avenir de PHP: adaptations et innovationsApr 11, 2025 am 12:01 AML'avenir de PHP sera réalisé en s'adaptant aux nouvelles tendances technologiques et en introduisant des fonctionnalités innovantes: 1) s'adapter aux architectures de cloud computing, de conteneurisation et de microservice, en prenant en charge Docker et Kubernetes; 2) introduire des compilateurs JIT et des types d'énumération pour améliorer l'efficacité des performances et du traitement des données; 3) Optimiser en continu les performances et promouvoir les meilleures pratiques.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
DVWA
Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
mPDF
mPDF est une bibliothèque PHP qui peut générer des fichiers PDF à partir de HTML encodé en UTF-8. L'auteur original, Ian Back, a écrit mPDF pour générer des fichiers PDF « à la volée » depuis son site Web et gérer différentes langues. Il est plus lent et produit des fichiers plus volumineux lors de l'utilisation de polices Unicode que les scripts originaux comme HTML2FPDF, mais prend en charge les styles CSS, etc. et présente de nombreuses améliorations. Prend en charge presque toutes les langues, y compris RTL (arabe et hébreu) et CJK (chinois, japonais et coréen). Prend en charge les éléments imbriqués au niveau du bloc (tels que P, DIV),
Version crackée d'EditPlus en chinois
Petite taille, coloration syntaxique, ne prend pas en charge la fonction d'invite de code
