2017-02-24 2 views
0

書籍名id:bnameのようなフォームゲートからテキストを追加してupload.phpページに送信するにはどうすればできますかupload.phpページのテキストを受信して​​ください。
upload.phpアップロードファイルをアップロードした入力テキストをajaxリクエストでupload.phpに送信する方法と受信方法

function uploadFile(){  
    var file = document.getElementById("upload").files[0]; 
    var formdata = new FormData(); 
    formdata.append("upload", file);  
    var ajax = new XMLHttpRequest(); 
    ajax.upload.addEventListener("progress", progressHandler, false); 
    ajax.addEventListener("load", completeHandler, false); 
    ajax.addEventListener("error", errorHandler, false); 
    ajax.addEventListener("abort", abortHandler, false); 
    ajax.open("POST", "upload.php"); 
    ajax.send(formdata); 
    clikedbtn(); 
} 

アップロードファイル内の関数

function progressHandler(event){ 
    var percent = (event.loaded/event.total) * 100; 
    document.getElementById("progressBar").value = Math.round(percent); 

}  
function completeHandler(event){ 
    document.getElementById("progressBar").value = 0; 
} 
function errorHandler(event){} 
function abortHandler(event){} 
function clikedbtn(){} 

htmlタグ

<form method="post" enctype="multipart/form-data"> 
    <label for="bname">book name</label> 
    <input name="bname" id="sname" type="text"> 
    <label for="dbname">bood desc</label> 
    <input name="dbname" id="dbname" type="text"> 
    <input id="upload" name="upload" type="file"> 
    <input id="btnupload" type="button" value="add" onclick="uploadFile() "> 
</form> 

私は、このページに

<?php 
$fileName = $_FILES["upload"]["name"]; 
$fileTmpLoc = $_FILES["upload"]["tmp_name"]; 
$fileType = $_FILES["upload"]["type"]; 
$fileSize = $_FILES["upload"]["size"]; 
$fileErrorMsg = $_FILES["upload"]["error"]; 

if (!$fileTmpLoc) { // if file not chosen 
echo "ERROR: Please browse for a file before clicking the upload button."; 
exit(); 
} 
if(move_uploaded_file($fileTmpLoc, "upload/$fileName")){ 
echo "$fileName upload is complete"; 

} else { 
echo "move_uploaded_file function failed"; 
} 

?> 
を送信するテキストを使用したいです

答えて

関連する問題