[問題] AJAX 傳值疑問

作者: mygirl30229 (Cian)   2014-09-11 18:27:00
小弟有一個form要同時上傳資料與圖片並且製作一張縮圖
原本沒有用AJAX方式很簡單,但現在想改用AJAX回傳結果
卻遇到了一個問題,而我Google也不知道該怎麼搜尋,請各位指導一下
看我哪邊出了錯誤
目前PHP回傳的錯誤是找不到 file
我想問題出在我的Javascript最後一行傳值部分,請問該怎麼改呢
function uploadFile(){
var file = _("file1").files[0];
var bookname = _("bookname").value;
var isbn = _("isbn").value;
var version = _("version").value;
var author = _("author").value;
var translator = _("translator").value;
var press = _("press").value;
var oprice = _("oprice").value; var
nprice = _("nprice").value;
var status = _("sttt").value;
var school = _("school").value;
var language = _("lag").value;
var introduction = _("introduction").value;
var ps = _("ps").value;
var formdata = new FormData();
formdata.append("file1", 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", "bookupload_query.php");
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
ajax.send(formdata+"&bookname="+bookname+"&isbn="+isbn+"&version="+version+"&author="+author+"&translator="+translator+"&press="+press+"&oprice="+oprice+"&nprice="+nprice+"&status="+status+"&school="+school+"&language="+language+"&introduction="+introduction+"&ps="+ps);
}
另外一問
小弟剛畢業,目前網頁都靠自己買書看或是上網查資料
手上的書籍有JavaScript大全,但可能功力還太淺這本書我覺得好難消化
請問有大大覺得哪一本書不錯,或是哪個網站不錯可以推薦一下嗎?
弟一次上PTT發文,排文可能較亂辛苦大家觀看了..
:wq
作者: hit1205 (幫你把勇氣裝滿)   2014-09-11 19:34:00
為什麼formdata後面會用+的呢O_o...?
作者: mygirl30229 (Cian)   2014-09-11 22:48:00
回h大,小弟就是搞不清楚這個formdata要怎麼傳,小弟一直測試失敗...
作者: mrbigmouth (大嘴先生)   2014-09-12 09:19:00
_(...)這是哪來的library啊? 貼code也說清楚用FormData的話應該是在new FormData時就把整個formelement填進去當參數 最後xhr.send時把new出來的FormData實例填進去就可以了?然後好像不是所有瀏覽器都支援用FormData上傳檔案?書的部份 你目前的問題應該是原生api跟dom操作不熟推薦先把jQuery學起來 書跟網路教學都很多想繼續進修就看Javascript優良部份跟Javascript設計模式 都歐萊禮的Javascript大全這種書我覺得是最不需要的 XDGoogle是你的好朋友 寫好程式的重點在觀念以你需要的功能來看 用上jQuery再套個file upload plugin大概幾行程式就解決了 要寫前段就要善用工具
作者: mygirl30229 (Cian)   2014-09-12 10:36:00
補上 _()是 function _(e1){return document.getElementById(e1); }感謝m大的回應,但你說的處理方式小弟還是不太清楚小弟先研究研究jQuey file upload 好了,感謝您還是表單資料跟檔案本來用ajax就不能同時傳呢?
作者: mrbigmouth (大嘴先生)   2014-09-12 11:58:00
javascript因為安全性問題是不會允許你直接讀使用者電腦上的檔案的 要直接ajax傳就只能傳文字訊息而已所以要傳檔案就得用其他方式 其實現在比較通用又跨平臺的ajax upload好像還是靠flash? 當然好的lib會幫你偵測使用者瀏覽器支援哪些方法然後幫你用最好的

Links booklink

Contact Us: admin [ a t ] ucptt.com