Backend-Entwicklung
PHP-Tutorial
So verwenden Sie PHP, um die Komprimierungsfunktion mehrerer Bild-Uploads zu handhaben
So verwenden Sie PHP, um die Komprimierungsfunktion mehrerer Bild-Uploads zu handhaben
In diesem Artikel wird hauptsächlich die PHP-Funktion zur Verarbeitung von Komprimierungscode für das Hochladen mehrerer Bilder vorgestellt. Sie ist sehr gut und hat einen gewissen Referenzwert.
Ich habe online einige Informationen zur Bildverarbeitung gelesen Die meisten davon, die ich gefunden habe, waren Einzelbildkomprimierung, entweder einzelnes Front-End oder Back-End, also habe ich die Front-End- und Front-End-Komprimierung selbst angepasst und komprimierte Bildinstanzen mit mehreren Bildern unterstützt. Es gibt viel Code, es wird klarer, wenn Sie ihn direkt in den Editor kopieren
1. Erstellen Sie zunächst eine einfache Upload-Seite upload.php. Komprimieren Sie zuerst das Bild über den Front-End-Code und laden Sie den Code direkt hoch.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
<title>实名验证</title>
<script type="text/javascript">
/*
三个参数
file：一个是文件(类型是图片格式)，
w：一个是文件压缩的后宽度，宽度越小，字节越小
objp：一个是容器或者回调函数
photoCompress()
*/
function photoCompress(file,w,objp){
var ready=new FileReader();
/*开始读取指定的Blob对象或File对象中的内容. 当读取操作完成时,readyState属性的值会成为DONE,如果设置了onloadend事件处理程序,则调用之.同时,result属性中将包含一个data: URL格式的字符串以表示所读取文件的内容.*/
ready.readAsDataURL(file);
ready.onload=function(){
var re=this.result;
canvasDataURL(re,w,objp)
}
}
function canvasDataURL(path, obj, callback){
var img = new Image();
img.src = path;
img.onload = function(){
var that = this;
// 默认按比例压缩
var w = that.width,
h = that.height,
scale = w / h;
w = obj.width || w;
h = obj.height || (w / scale);
var quality = 0.7; // 默认图片质量为0.7
//生成canvas
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
// 创建属性节点
var anw = document.createAttribute("width");
anw.nodeValue = w;
var anh = document.createAttribute("height");
anh.nodeValue = h;
canvas.setAttributeNode(anw);
canvas.setAttributeNode(anh);
ctx.drawImage(that, 0, 0, w, h);
// 图像质量
if(obj.quality && obj.quality <= 1 && obj.quality > 0){
quality = obj.quality;
}
// quality值越小，所绘制出的图像越模糊
var base64 = canvas.toDataURL('image/jpeg', quality);
// 回调函数返回base64的值
callback(base64);
}
}
/**
* 将以base64的图片url数据转换为Blob
* @param urlData
* 用url方式表示的base64图片数据
*/
function convertBase64UrlToBlob(urlData){
var arr = urlData.split(','), mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
while(n--){
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {type:mime});
}
var xhr;
//上传文件方法
function uploadClick() {
document.getElementsByClassName("uploadbtn")[0].value = '上传中...';
document.getElementsByClassName("uploadbtn")[0].disabled=true;
var obj = document.getElementsByClassName("myfile");
for(var i=0;i<2;i++){
UploadFile(obj[i].files[0],'file'+i);
}
}
function UploadFile(fileObj,filed){
var shopid = document.getElementById('shopid').value;
var adminid = document.getElementById('adminid').value;
var url = "newshimingupload.php"; // 接收上传文件的后台地址
var form = new FormData(); // FormData 对象
if(fileObj.size/1024 > 100) { //大于100k，进行压缩上传
photoCompress(fileObj, {
quality: 0.2
}, function(base64Codes){
//console.log("压缩后：" + base.length / 1024 + " " + base);
var bl = convertBase64UrlToBlob(base64Codes);
form.append("file", bl, "file_"+Date.parse(new Date())+".jpg"); // 文件对象
form.append("shopid", shopid); // 文件对象
form.append("adminid", adminid); // 文件对象
form.append("filed", filed); // 文件对象
xhr = new XMLHttpRequest(); // XMLHttpRequest 对象
xhr.open("post", url, false); //post方式，url为服务器请求地址，true 该参数规定请求是否异步处理。
xhr.onload = uploadComplete; //请求完成
xhr.onerror = uploadFailed; //请求失败
// xhr.upload.onprogress = progressFunction;//【上传进度调用方法实现】
xhr.upload.onloadstart = function(){//上传开始执行方法
ot = new Date().getTime(); //设置上传开始时间
oloaded = 0;//设置上传开始时，以上传的文件大小为0
};
xhr.send(form); //开始上传，发送form数据
});
}else{ //小于等于1M 原图上传
form.append("file", fileObj); // 文件对象
form.append("shopid", shopid); // 文件对象
form.append("adminid", adminid); // 文件对象
form.append("filed", filed); // 文件对象
xhr = new XMLHttpRequest(); // XMLHttpRequest 对象
xhr.open("post", url, false); //post方式，url为服务器请求地址，true 该参数规定请求是否异步处理。
xhr.onload = uploadComplete; //请求完成
xhr.onerror = uploadFailed; //请求失败
xhr.upload.onloadstart = function(){//上传开始执行方法
ot = new Date().getTime(); //设置上传开始时间
oloaded = 0;//设置上传开始时，以上传的文件大小为0
};
xhr.send(form); //开始上传，发送form数据
}
}
//上传成功响应
function uploadComplete(evt) {
//服务断接收完文件返回的结果
var data = JSON.parse(evt.target.responseText);
console.log(data);
if(data.status){
alert(data.msg);
if(data.msg == '门店照上传成功'){
window.location.href = "/dd_admin/index.php";
}
}
}
//上传失败
function uploadFailed(evt) {
alert("网络不稳定，请重新上传！");
}
</script>
</head>
<body>
<style type="text/css">
.main{text-align: center;padding-top: 50px;}
.main .myfile{margin-bottom: 15px;}
</style>
<p class="main">
营业执照：
<input type="file" class="myfile" id="file1" name="file1" accept="image/x-png, image/jpg, image/jpeg, image/gif"/><br>
门店照：
<input type="file" class="myfile" id="file2" name="file2" accept="image/x-png, image/jpg, image/jpeg, image/gif"/><br>
<input type="hidden" id="shopid" name="shopid" value="<?php echo $_GET['shopid']; ?>" maxlength="15">
<input type="hidden" id="adminid" name="adminid" value="<?php echo $_GET['adminid']; ?>" maxlength="15">
<input style="margin-top: 25px;" class="uploadbtn" type="button" onclick="uploadClick()" value="上传" /><br>
</p>
</body>
</html>
2、前端图片压缩后，请求到自定义的接口upload_deal.php.代码如下
<?php
require_once('public_func.php');
actionUpload('uploads/','file'); //参数分别代表图片存储的路径和上传的文件名
}
3、在第二部引入public_func.php,这块代码主要是对后端处理图片压缩
function actionUpload($path = '/uploads/',$filename='myFile')
{
// $path = 'uploads/'; //图片存放根目录 根据自己项目路径而定
$file = $_FILES[$filename]['name'];
$folder = $path.date('Ymd')."/";
$pre = rand(999,9999).time();
$ext = strrchr($file,'.');
$newName = $pre.$ext;
$out = array(
'msg'=>'',
'status'=>'error',
'img_url'=>''
);
if(!is_dir($folder))
{
if(!mkdir($folder, 0777, true)){
$out['msg'] = '图片目录创建失败！';
echo json_encode($out);
exit;
}
}
$im = $_FILES[$filename]['tmp_name']; //上传图片资源
$maxwidth="1056"; //设置图片的最大宽度
$maxheight="500"; //设置图片的最大高度
$imgname = $folder.$newName; //图片存放路径 根据自己图片路径而定
$filetype=$_FILES[$filename]['type'];//图片类型
$result = thumbImage($im,$maxwidth,$maxheight,$imgname,$filetype);
if($result){
$out['msg'] = '图片上传成功';
$out['status'] = 'success';
$out['img_url'] = $folder.$newName;
}else{
$out['msg'] = '图片上传失败';
}
return json_encode($out);
exit;
}
//压缩图片
function thumbImage($im,$maxwidth,$maxheight,$name,$filetype)
{
switch ($filetype) {
case 'image/pjpeg':
case 'image/jpeg':
$im = imagecreatefromjpeg($im); //PHP图片处理系统函数
break;
case 'image/gif':
$im = imagecreatefromgif($im);
break;
case 'image/png':
$im = imagecreatefrompng($im);
break;
case 'image/wbmp':
$im = imagecreatefromwbmp($im);
break;
}
$resizewidth_tag = $resizeheight_tag = false;
$pic_width = imagesx($im);
$pic_height = imagesy($im);
if(($maxwidth && $pic_width > $maxwidth) || ($maxheight && $pic_height > $maxheight))
{
$resizewidth_tag = $resizeheight_tag = false;
if($maxwidth && $pic_width>$maxwidth)
{
$widthratio = $maxwidth / $pic_width;
$resizewidth_tag = true;
}
if($maxheight && $pic_height>$maxheight)
{
$heightratio = $maxheight / $pic_height;
$resizeheight_tag = true;
}
if($resizewidth_tag && $resizeheight_tag)
{
if($widthratio < $heightratio)
$ratio = $widthratio;
else
$ratio = $heightratio;
}
if($resizewidth_tag && !$resizeheight_tag)
$ratio = $widthratio;
if($resizeheight_tag && !$resizewidth_tag)
$ratio = $heightratio;
$newwidth = $pic_width * $ratio;
$newheight = $pic_height * $ratio;
if(function_exists("imagecopyresampled"))
{
$newim = imagecreatetruecolor($newwidth,$newheight);//PHP图片处理系统函数
imagecopyresampled($newim,$im,0,0,0,0,$newwidth,$newheight,$pic_width,$pic_height);//PHP图片处理系统函数
}
else
{
$newim = imagecreate($newwidth,$newheight);
imagecopyresized($newim,$im,0,0,0,0,$newwidth,$newheight,$pic_width,$pic_height);
}
switch ($filetype) {
case 'image/pjpeg' :
case 'image/jpeg' :
$result = imagejpeg($newim,$name);
break;
case 'image/gif' :
$result = imagegif($newim,$name);
break;
case 'image/png' :
$result = imagepng($newim,$name);
break;
case 'image/wbmp' :
$result = imagewbmp($newim,$name);
break;
}
imagedestroy($newim);
}
else
{
switch ($filetype) {
case 'image/pjpeg' :
case 'image/jpeg' :
$result = imagejpeg($im,$name);
break;
case 'image/gif' :
$result = imagegif($im,$name);
break;
case 'image/png' :
$result = imagepng($im,$name);
break;
case 'image/wbmp' :
$result = imagewbmp($im,$name);
break;
}
}
return $result;
}
Das Obige ist der gesamte Inhalt dieses Artikels Hilfreich für das Lernen aller. Weitere verwandte Inhalte finden Sie auf der chinesischen Website von PHP!
Verwandte Empfehlungen:
So generieren Sie Werbeplakate mit PHP
Verwenden Sie PHP, um die Funktion zum Anheften von Artikeln zu erreichen oben
Code zum Exportieren von Daten und Bildern mit PHPEXCEL
Das obige ist der detaillierte Inhalt vonSo verwenden Sie PHP, um die Komprimierungsfunktion mehrerer Bild-Uploads zu handhaben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Variabler PHP -Bereich erklärt
Jul 17, 2025 am 04:16 AM
Häufige Probleme und Lösungen für den variablen PHP -Umfang umfassen: 1. Die globale Variable kann innerhalb der Funktion nicht zugegriffen werden, und sie muss bei der Verwendung des globalen Schlüsselworts oder Parameters übergeben werden. 2. Die statische Variable wird statisch deklariert und nur einmal initialisiert und der Wert wird zwischen mehreren Aufrufen beibehalten. 3.. Hyperglobale Variablen wie $ _get und $ _post können direkt in jedem Bereich verwendet werden, aber Sie müssen auf eine sichere Filterung achten. 4. Die anonymen Funktionen müssen über das Schlüsselwort verwenden, und wenn Sie externe Variablen ändern, müssen Sie eine Referenz übergeben. Das Beherrschen dieser Regeln kann dazu beitragen, Fehler zu vermeiden und die Code -Stabilität zu verbessern.
Code in PHP aus dem Code ausgehen
Jul 18, 2025 am 04:57 AM
Es gibt drei gängige Methoden für den PHP -Kommentarcode: 1. Verwenden Sie // oder #, um eine Codezeile zu blockieren, und es wird empfohlen, // zu verwenden. 2. Verwenden Sie /.../, um Codeblöcke mit mehreren Zeilen zu wickeln, die nicht verschachtelt werden können, aber gekreuzt werden können. 3.. Kombinationskenntnisse Kommentare wie die Verwendung / if () {} / Um Logikblöcke zu steuern oder um die Effizienz mit Editor -Verknüpfungsschlüssel zu verbessern, sollten Sie auf die Schließung von Symbolen achten und das Verschachteln bei der Verwendung vermeiden.
Wie arbeiten Generatoren in PHP?
Jul 11, 2025 am 03:12 AM
AgneeratorinphpiSamemory-effizientes WaytoiterateOverlargedatasetsByyieldingValueatimeinsteadofReturningThemallatonce.1.GeneratorsusetheyieldKeywordtoproduktenvaluesonDemand, ReducingMemoryUsage.2.TheyareusefulforfulforfulfordlingBiglopploups, Lesebiglochen, Leselungen, Lesebigs, Leselung, oder
Tipps zum Schreiben von PHP -Kommentaren
Jul 18, 2025 am 04:51 AM
Der Schlüssel zum Schreiben von PHP -Kommentaren liegt in der Klärung des Zwecks und der Spezifikationen. Kommentare sollten "Warum" und nicht "was getan" erklären, um Redundanz oder zu Einfachheit zu vermeiden. 1. Verwenden Sie ein einheitliches Format wie Docblock (/*/) für Klassen- und Methodenbeschreibungen, um die Lesbarkeit und die Kompatibilität der Werkzeuge zu verbessern. 2. Betonen Sie die Gründe für die Logik, z. B. warum JS -Sprünge manuell ausgeben müssen. 3. Fügen Sie eine Übersichtsbeschreibung vor komplexem Code hinzu, beschreiben Sie den Prozess in Schritten und helfen Sie, die Gesamtidee zu verstehen. V. Gute Anmerkungen können die Kommunikationskosten senken und die Effizienz der Code -Wartung verbessern.
PHP lernen: Ein Anfängerführer
Jul 18, 2025 am 04:54 AM
Tolearnphpeffectival, startbysettingupalocalerverenVironmentusexs -LikexamppandacodeeditorikevScode.1) InstallxamppForapache, MySQL und Php.SeacodeeditorForsyntaxSupport.3) testyourscludingveliktingveliktelaThbiliodble.Neclyble.NektFile
So greifen Sie in einer Zeichenfolge nach Index in PHP auf ein Zeichen zu
Jul 12, 2025 am 03:15 AM
In PHP können Sie quadratische Klammern oder lockige Klammern verwenden, um Zeichenfolgenspezifikationsspezifische Indexzeichen zu erhalten, aber quadratische Klammern werden empfohlen. Der Index startet von 0 und der Zugriff außerhalb des Bereichs gibt einen Nullwert zurück und kann keinen Wert zugewiesen; MB_SUBSTR ist erforderlich, um Multi-Byte-Zeichen zu verarbeiten. Zum Beispiel: $ str = "Hallo"; echo $ str [0]; Ausgabe H; und chinesische Zeichen wie Mb_Substr ($ str, 1,1) müssen das richtige Ergebnis erzielen. In den tatsächlichen Anwendungen sollte die Länge der Zeichenfolge vor dem Schleifen überprüft werden, dynamische Zeichenfolgen müssen für die Gültigkeit verifiziert werden, und mehrsprachige Projekte empfehlen, Multi-Byte-Sicherheitsfunktionen einheitlich zu verwenden.
SchnellpHP -Installations -Tutorial
Jul 18, 2025 am 04:52 AM
Toinstallphpquickly, usexampponwindowsorhomebrewonmacos.1.onwindows, download undInstallxampp, SelectComponents, Startapache und PlaceFilesinhtdocscs.2.Anternativ, manuellinstallphpfrfr
PHP Holen Sie sich die ersten N -Zeichen einer Zeichenfolge
Jul 11, 2025 am 03:17 AM
Sie können substr () oder mb_substr () verwenden, um die ersten N -Zeichen in PHP zu erhalten. Die spezifischen Schritte sind wie folgt: 1. Verwenden Sie Substr ($ String, 0, n), um die ersten N -Zeichen abzufangen, was für ASCII -Zeichen geeignet ist und einfach und effizient ist; 2. Bei der Verarbeitung von Multi-Byte-Zeichen (z. B. Chinesisch), mb_substr ($ string, 0, n, 'utf-8') und sicherstellen, dass die Mbstring-Erweiterung aktiviert ist; 3. Wenn die Zeichenfolge HTML- oder Whitespace -Zeichen enthält, sollten Sie zunächst Strip_Tags () verwenden, um die Tags zu entfernen und die Räume zu reinigen (), um die Räume zu reinigen, und diese dann abfangen, um sicherzustellen, dass die Ergebnisse sauber sind.
