上傳檔案到php後臺全過程
阿新 • • 發佈：2019-02-02
前端程式碼：
php程式碼：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script type="text/javascript" src="app/jquery-1.9.0.min.js" ></script> </head> <body> <form enctype="multipart/form-data" method="post" name="fileinfo" id="fileinfo"> <input type="file" name="myfile" /> </form> <button onclick='send()'>click</button> <script> function send(){ var fd = new FormData(document.getElementById("fileinfo")); //userName不在表單中 //fd.append("userName", "xiaoxiao"); $.ajax({ url: "http://localhost/test.php", type: "POST", data: fd, processData: false, // 告訴jQuery不要去處理髮送的資料 contentType: false, // 告訴jQuery不要去設定Content-Type請求頭 success:function(data,state){ console.log(data) } }); } </script> </body> </html>
<?php header('Access-Control-Allow-Origin:*'); header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept"); if(is_uploaded_file($_FILES['myfile']['tmp_name'])){ $root_dir ="upload_path/"; $filename = $_FILES['myfile']['name']; $uploadfile = $root_dir . $filename; if (move_uploaded_file($_FILES['myfile']['tmp_name'], $uploadfile)) { //上傳success echo "uploaded success"; } } ?>
<?php header('Access-Control-Allow-Origin:*'); header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept"); if(is_uploaded_file($_FILES['file']['tmp_name'])){ $root_dir ="upload_path/"; $filename = $_FILES['file']['name']; $filename = time() . $filename; $uploadfile = $root_dir . $filename; if (move_uploaded_file($_FILES['file']['tmp_name'], $uploadfile)) { //上傳success echo '{"pic":"'. $uploadfile .'"}'; } } ?>