我本是征服了大海的男人，却摔死在 javascript 这片沙滩上
liuxu · liuquanhao · 2015-07-09 18:46:54 +08:00 · 3397 次点击这是一个创建于 3224 天前的主题，其中的信息可能已经有所发展或是发生改变。
又在这美丽的夕阳下加班。
昨天室友面试遇到一个刁钻的JAVA题目，回来我用C重写，用gdb反汇编后用AT&T汇编代码和他讲解了程序的原理，为什么答案会是那样，讲完后我都觉得这个世界上没有我解决不了的问题。可是今天用javascript发送个post请求到一个php接口上，我倒下了，情况是这样的。。。
我有一个' <input type="file" id="myfile" /> '标签，点击上传文件后，需要post提交给我的a.php这个接口文件。我不能直接提交，必须用js动态生成一个form表单，然后把这个myfile的文件读到我动态生成的表单，然后提交到a.php。，第一种方法，我用 ' createElement("form") '这种方式，现在问题来了，新生成的' <input type="file" /> '里必须有一个' name="hhh" '属性，用这种方式我可以用' document.getElementById("myfile").files[0] '得到文件对象，可是却不知道怎么把得到的文件对象设置给动态生成的 ' <input type="file" /> '标签里。
第二种方法用ajax，用' var myfrm=new FormData() '生成表单，这种方式添加file标签，' myfrm.append("file",document.getElementById("myfile").files[0]); '，可是不知道怎么给它设置name属性，，更让我尴尬的是，我使用的ubuntu 14.04，浏览器是chrome 43.0.2357.130 (64-bit)，文件在/home/liuxu/download/ 下，用alert输出input的value值却是“C:\fakepath\GDB调试入门教程.pdf”。。。
在这北京的天空之下，我都觉得我的夜晚连星星都不再亮了， 苦海无涯，回头无岸，，盼望着没有哪位js大神指点我一二，给我力量，让我披荆斩棘，不再被任何bug阻拦。
谢谢。
昨天室友面试遇到一个刁钻的JAVA题目，回来我用C重写，用gdb反汇编后用AT&T汇编代码和他讲解了程序的原理，为什么答案会是那样，讲完后我都觉得这个世界上没有我解决不了的问题。可是今天用javascript发送个post请求到一个php接口上，我倒下了，情况是这样的。。。
我有一个' <input type="file" id="myfile" /> '标签，点击上传文件后，需要post提交给我的a.php这个接口文件。我不能直接提交，必须用js动态生成一个form表单，然后把这个myfile的文件读到我动态生成的表单，然后提交到a.php。，第一种方法，我用 ' createElement("form") '这种方式，现在问题来了，新生成的' <input type="file" /> '里必须有一个' name="hhh" '属性，用这种方式我可以用' document.getElementById("myfile").files[0] '得到文件对象，可是却不知道怎么把得到的文件对象设置给动态生成的 ' <input type="file" /> '标签里。
第二种方法用ajax，用' var myfrm=new FormData() '生成表单，这种方式添加file标签，' myfrm.append("file",document.getElementById("myfile").files[0]); '，可是不知道怎么给它设置name属性，，更让我尴尬的是，我使用的ubuntu 14.04，浏览器是chrome 43.0.2357.130 (64-bit)，文件在/home/liuxu/download/ 下，用alert输出input的value值却是“C:\fakepath\GDB调试入门教程.pdf”。。。
在这北京的天空之下，我都觉得我的夜晚连星星都不再亮了， 苦海无涯，回头无岸，，盼望着没有哪位js大神指点我一二，给我力量，让我披荆斩棘，不再被任何bug阻拦。
谢谢。
 |
1
yxzblue 2015-07-09 18:52:54 +08:00
gdb反汇编后用AT&T汇编代码是什么意思？
|
 |
3
zhengnanlee 2015-07-09 18:56:57 +08:00 via Android
同问反汇编。。这是为了炫耀？
|
 |
4
DualWield 2015-07-09 19:03:35 +08:00  1
jquery.form.js ，具体实现请看源码
|
 |
5
RIcter 2015-07-09 19:04:42 +08:00
我感觉还是 intel 格式的汇编好看（
|
 |
6
liuzhen 2015-07-09 19:05:00 +08:00
第一步为什么要动态生成form呢？直接把form写页面上， input file写在form里面不行吗
|
 |
7
jsq2627 2015-07-09 19:06:02 +08:00 2
C:\fakepath 这个是浏览器为了安全，不允许JS读到文件的实际路径，所以就提供了一个虚拟路径来替代。
|
 |
8
epicq 2015-07-09 19:07:43 +08:00
刚好看CSAPP看到了反汇编
|
 |
9
sumhat 2015-07-09 19:08:32 +08:00
Javascript: 怪我喽？
|
 |
10
liuxu OP @zhengnanlee 是为了装（），每次装完我都有深深的快感
|
 |
14
nocwat 2015-07-09 19:23:09 +08:00
myfrm.append("file",document.getElementById("myfile").files[0]);
第一个参数 "file" 不就是 name 么？ value 不对是正常的，现在的浏览器都这么干了 |
 |
15
18000rpm 2015-07-09 19:36:15 +08:00 via Android
从海里来的乡巴佬，欢迎来到陆地。
<删除线>装完逼就跑！去学汇编了哈哈<／删除线> |
|
17
zhengnanlee 2015-07-09 19:45:42 +08:00
@liuxu 果然。。
|
 |
20
god 2015-07-09 20:02:30 +08:00 via iPad
欢迎进入新世界。。
|
 |
21
chagel 2015-07-09 20:06:04 +08:00 1
file input的value因为安全原因不能随意设，可以试试把老的input整个deep copy到新的form里（比如，参考jquery的clone方法）
|
|
22
liuzhen 2015-07-09 20:45:40 +08:00
@liuxu 那么你还可以尝试FileReader (不考虑兼容IE) 参考http://blog.csdn.net/oscar999/article/details/37499743
|
 |
23
sampeng 2015-07-10 11:46:30 +08:00
前面一截是纯炫耀么。。。。
|
 |
24
otakustay 2015-07-10 14:22:59 +08:00 1
第一个问题，input比较特殊，你很难用createElement创建，所以你最好的办法就是写innerHTML
第二个问题，input[file]的value是一个假的，这是防止XSS的浏览器安全控制 总之这个问题最好的解决办法就是用innerHTML写form出来 |
 |
25
nine 2015-07-10 15:14:31 +08:00
欢迎使用$.post
|
 |
26
dotudeth 2015-07-10 17:10:49 +08:00
查一下 new formdate
|
Select Language