發表文章

目前顯示的是 5月, 2017的文章

formData ajax送資料

前陣子因為有個需求 送出表單的時候不想要畫面重刷,資料及時回填到頁面來。 這樣的話就是要用到ajax的技術, 單純的文字資料沒什麼問題, 但是如果要用圖片或影片的話,就必須麻煩一些了。 資料找了好久找到了一篇使用formData 和 XMLHTTPRequest 資料來源 : https://gist.github.com/ebidel/2410898 這個網站裡面有兩段code handle_file_upload.php <?php $fileName = $_FILES['afile']['name']; $fileType = $_FILES['afile']['type']; $fileContent = file_get_contents($_FILES['afile']['tmp_name']); $dataUrl = 'data:' . $fileType . ';base64,' . base64_encode($fileContent); $json = json_encode(array( 'name' => $fileName, 'type' => $fileType, 'dataUrl' => $dataUrl, 'username' => $_REQUEST['username'], 'accountnum' => $_REQUEST['accountnum'] )); echo $json; ?> 第一行第二行都是在宣告一個變數來接post過來的資料 第三行是把圖片做成實體檔案到指定路徑 第四行是把圖片轉成base64 第五行開始到倒數第二行都是在建立一個json陣列的資料 最後一行是把json的資料show出來 <!DOCTYPE html> <!-- Copyright 2012 Google Inc. Licensed under the Apac