PHP implementiert gängige Datei-Upload-Funktionen

Die Datei-Upload-Funktion ist eine sehr häufige Funktion im Entwicklungsprozess. Sie können Dateien oder Avatare usw. hochladen. Verschiedene Browser haben unterschiedliche Auswirkungen beim Hochladen von Dateien. In diesem Artikel erfahren Sie, wie Sie den allgemeinen Datei-Upload durchführen Funktionen. Freunde in Not können sich darauf beziehen

Das Hochladen von Dateien ist mittlerweile weit verbreitet. Sie können Dateien hochladen, Avatare hochladen usw. Verschiedene Browser haben unterschiedliche „Datei-Upload“-Effekte

Erster Blick Sehen Sie sich die Wirkung des Firefox-Browsers wie folgt an:

Sehen Sie sich den IE-Browser wie folgt an:

Es gibt viele andere Daher werde ich die Ergebnisse nicht einzeln überprüfen. Wie wird dieser Upload durchgeführt?

1. Datei-Upload-Funktion

(1) Als Erstes muss diese Upload-Seite vorhanden sein

Zuerst müssen wir die Formularelemente schreiben (einschließlich der Verarbeitungsseite „Über die Upload-Verarbeitung können einige Regeln geschrieben werden“, die Übertragungsmethode und dann ein wichtiges Attribut, da es sich um einen Datei-Upload handelt muss dieses Attribut sein: enctype="multipart/form-data"). Nachdem das Formular bestimmt wurde, ist der Inhalt darin. Der natürliche Schaltflächentyp für das Hochladen von Dateien ist „Datei“. „Upload“-Schaltfläche, die zum Senden verwendet werden muss, daher sollte der Schaltflächentyp „Senden“ verwenden. Der Code lautet wie folgt:

<form action="wenjiansccl.php" method="post" enctype="multipart/form-data">  <!--处理页面起个名字，做文件上传是这个属性：enctype="multipart/form-data"-->
　　<input type="file" name="file"/> //浏览文件的按钮
　　<input type="submit" value="上传" /> //提交的上传按钮
</form>

Lass uns eine nehmen Schauen Sie sich zuerst den Effekt an:

　

(2) Die zweite ist die wichtige Verarbeitungsseite für das Hochladen von Dateien

Wir können den Upload ausgeben Wert zuerst und sehen Sie, was nach dem Hochladen der Datei angezeigt wird. Die Sache ist: Die Wertübergabemethode „Post“ oder „get“ kann hier nicht verwendet werden

var_dump($_FILES["file"]);  //输出传过来的值

für die Ausgabe Das Ergebnis ist wie im Bild dargestellt:

Hinweis: Aufgrund der Informationen In diesem Bild werde ich es unten verwenden. Ich werde ihm zuerst einen Namen (Array) geben, damit es bei der Verwendung unten einfacher zu erklären ist.

Es ist nicht schwierig, mehrere zweidimensionale Arrays zu sehen: einschließlich Dateiname, Typ, Speicherort, Fehlermeldung und Dateigröße, damit die Datei tatsächlich vorübergehend auf dem Server gespeichert wird

Beim Hochladen von Dateien sind 4 Dinge zu beachten:

1. Kontrollieren Sie die Art der hochgeladenen Dateien

3. Verhindern Sie doppelte Dateinamen

Dateiname

3.11 Benutzername + Zeitstempel + Zufallszahl + Dateiname

3.12 Seriennummer

3.2 Verwenden Sie den Ordner

3.21public/lch/2017 -2-12/1.jpg

4. Speichern Sie die Datei

Ich kenne diese vier Punkte. Achten Sie auf die Punkte (entspricht auch den Schritten), dann einfach Beginnen Sie Schritt für Schritt mit dem Schreiben der Verarbeitungsseite

(1) Bei der Ausgabe können Sie sehen, ob es sich bei einem der Elemente um einen „Fehler“ handelt. Sie können zunächst beurteilen, ob bei der Übertragung ein Fehler vorliegt

if($_FILES["file"]["error"]) //将文件传值到处理页面，找到出错的索引，也就是（array）图中的错误项error
{
  echo $_FILES["file"]["error"];
}

(2) Das Obige dient dazu, die Fehlermeldung auszugeben, wenn ein Fehler vorliegt. Wenn kein Fehler vorliegt, fahren Sie mit dem folgenden Inhalt fort: Beginnen Sie mit dem Schreiben Die Vorsichtsmaßnahmen

Das Erste ist: Kontrollieren Sie den Typ und die Größe der Datei beim Hochladen (ermitteln Sie auch den Typ und die Größe aus dem (Array-)Bild und weisen Sie ihnen dann den gewünschten Typwert zu). jpeg Es gibt zwei Arten von und PNG, aber es kann mehrere Typen geben, schreiben Sie sie einfach mit „oder“. Verwenden Sie hier auch eine if-Anweisung zur Beurteilung (wenn der Dateityp JPEG oder PNG ist und die Dateigröße weniger als 1024000 beträgt, kann er hochgeladen werden, andernfalls schlägt der Upload fehl)

if($_FILES["file"]["type"]=="image/jpeg" || $_FILES["file"]["type"]=="image/png" && $_FILES["file"]["size"]<1024000)
{<br>　　//注意事项3和4的内容<br>}
else
{
　　echo "文件类型不正确！"; 
}

(3) Beginnen Sie mit dem Schreiben der Datei beim Kommentar im Code (Inhalt der Anmerkungen 3 und 4), um Duplikate zu vermeiden, und speichern Sie sie

Zuerst: Suchen Sie den Speicherort der Datei (wo Sie Ich möchte sie speichern) und verkette dann die Methode zum Ändern des Dateinamens (mithilfe der Zeitstempelmethode). es existiert, speichern Sie es, wenn es nicht existiert) im Ordner)

$filesname = "./files/".date("YmdHis").$_FILES["file"]["name"]; //$_FILES["file"]["name"]这也同样的也是（array）图的名称name

Damit ist der Datei-Upload abgeschlossen, Sie können es versuchen.

2. Vorschau der hochgeladenen Dateien

Beim Hochladen von Bildern überprüfen Sie zunächst die Wirkung, bevor Sie sie hochladen Bilder. Funktion

(1) Sie können zunächst eine Dateitaste verwenden, um die Datei auszuwählen

if(file_exists($filesname)) //file_exists()方法：判断文件是否存在，里面的值就是定义的保存位置
{
　　echo "文件已经存在"; //存在给出提示
}
else
{
　　//不存在就，保存文件（move_uploaded_file()保存）
　　move_uploaded_file($_FILES["file"]["tmp_name"],$filesname);  //里面的值要有当前的保存位置，将要保存到哪的位置
}
<span style="font-family: 宋体; font-size: 15px"><span style="font-size: 18px">注意：</span><br>1.可能上传的时候是UTF-8的编码格式，Windows是用的国标的编码格式，上传上汉子可能成为乱码了，可以在文件保存位置下面加上“转换编码格式”<br>使用的是：</span><span style="font-size: 15px">iconv()方法：</span><span style="font-size: 15px">里面有3个值，一是现在使用的编码格式，二是想要转换的编码格式，三是想要转换的字符串</span>
$filename = iconv("UTF-8","gb2312",$filesname); //这个iconv()里面有3个值，一是现在使用的编码格式，二是想要转换的编码格式，三是想要转化的字符串
<span style="font-family: 宋体; font-size: 15px">2.如果上面的文件的上传格式是篡改的格式，也用move_uploaded_file()方法</span>

(2) Wird zum Anzeigen dieses Bildes verwendet Ein p

<input id="uploadImage" type="file" name="photoimage" class="fimg1" onchange="PreviewImage();" /> //对这个按钮加一个事件

Fügen Sie diesem P etwas Stil hinzu

<p id="uploadPreview"></p>

Sehen Sie sich den Effekt an:

然后就是写事件了

$("#uploadImage").on("change", function(){
  // 得到一个参考文件列表
  var files = !!this.files ? this.files : [];
  // 如果没有选择任何文件,或者没有文件读到就返回
  if (!files.length || !window.FileReader) return;
  // 只有进行选择的文件是一个形象
  if (/^image/.test( files[0].type)){
    // 创建一个新的FileReader的实例
    var reader = new FileReader();
    // 读取本地文件作为一个DataURL
    reader.readAsDataURL(files[0]);
    // 当加载时,图像数据设置为背景的p
    reader.onloadend = function(){
    $("#uploadPreview").css("background-image", "url("+this.result+")");
    }
  }
});

这只是一个简单的上传预览，上传到文件中的处理页面还没有写，改天补上完整的上传图片代码

看下选中图片的效果

这样，文件上传和图片预览就结束了，这两个结合一下就可以做出图片的上传了，过后我会继续补充完整的~~~

以上就是本文的全部内容，希望对大家的学习有所帮助。

相关推荐：

PHP实现封装的多文件上传类实例与用法详解

PHP中CheckBox多选框上传失败的代码写法详解

PHP+Ajax实现无刷新带进度条图片上传

Das obige ist der detaillierte Inhalt vonPHP implementiert gängige Datei-Upload-Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!