[问题] 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