如何在javascript上发送文件?

如何在javascript上发送文件?,javascript,ajax,file-upload,Javascript,Ajax,File Upload,我需要更改文件内容上的photoURL var photo = 'http://cs323230.vk.me/u172317140/d_5828c26f.jpg'; var upload_url = 'http://cs9458.vk.com/upload.php?act=do_add&mid=62..'; var xmlhttp = getXmlHttp(); var params = 'photo=' + encodeURIComponent(photo); xmlhttp.ope

我需要更改文件内容上的
photo
URL

var photo = 'http://cs323230.vk.me/u172317140/d_5828c26f.jpg';
var upload_url = 'http://cs9458.vk.com/upload.php?act=do_add&mid=62..';

var xmlhttp = getXmlHttp();
var params = 'photo=' + encodeURIComponent(photo);
xmlhttp.open("POST", upload_url, true);
xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4) {
        if(xmlhttp.status == 200) {
            var answer2 = xmlhttp.responseText;
            console.log(answer2);
            alert(answer2);
        }
    }
};
xmlhttp.send(params);
./DirectoryImage/imagetest.jpg
并发送文件的内容

var photo = 'http://cs323230.vk.me/u172317140/d_5828c26f.jpg';
var upload_url = 'http://cs9458.vk.com/upload.php?act=do_add&mid=62..';

var xmlhttp = getXmlHttp();
var params = 'photo=' + encodeURIComponent(photo);
xmlhttp.open("POST", upload_url, true);
xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4) {
        if(xmlhttp.status == 200) {
            var answer2 = xmlhttp.responseText;
            console.log(answer2);
            alert(answer2);
        }
    }
};
xmlhttp.send(params);
./DirectoryImage/imagetest.jpg
upload\u url

但是我不知道如何用javascript在
upload\u url
上发送文件内容

可能吗


有人知道怎么做吗?

是的,你可以,但这并不容易。诀窍是使用
FileReader
对象。下面是我为将图像放入
后上传图像而编写的一些示例代码

我很确定你可以对任何文件做同样的操作,只要你能从你的用户输入中创建
FileReader
对象

./DirectoryImage/imagetest.jpg
MDN页面在整个主题上非常有用,例如对象API

此外,我似乎还记得,对于常见的嫌疑犯(IE6-7等),浏览器支持很差



值得一提的是,这很困难,因为浏览器中的Javascript不是为了安全目的而设计用来与服务器对话的。Javascript通常仅用于客户端。文件传输等通常应该使用PHP、Perl、Ruby等语言的服务器端脚本进行处理。

是的,可以,但这并不容易。诀窍是使用
FileReader
对象。下面是我为将图像放入
后上传图像而编写的一些示例代码

我很确定你可以对任何文件做同样的操作,只要你能从你的用户输入中创建
FileReader
对象

./DirectoryImage/imagetest.jpg
MDN页面在整个主题上非常有用,例如对象API

此外,我似乎还记得,对于常见的嫌疑犯(IE6-7等),浏览器支持很差



值得一提的是,这很困难,因为浏览器中的Javascript不是为了安全目的而设计用来与服务器对话的。Javascript通常仅用于客户端。文件传输和此类传输通常应使用PHP、Perl、Ruby等语言的服务器端脚本处理。

请告诉我如何使用此功能?如何发送内容文件
photo
使用JavaScript中url
upload\u url
的方法$\u POST?您无法访问JavaScript中的
$\u POST
。这就是我回答的最后一部分所说的。您需要服务器上的一些东西(比如PHP)来获取
$\u POST
中的数据。好消息是,这是你应该怎么做的,而不是用Javascript。请看一些关于PHP和表单的初学者教程。请告诉我如何使用此功能?如何在JavaScript中使用url
upload\u url
方法$\u POST发送内容文件
photo
?您无法访问JavaScript中的
$\u POST
。这就是我回答的最后一部分所说的。您需要服务器上的一些东西(比如PHP)来获取
$\u POST
中的数据。好消息是,这是你应该怎么做的,而不是用Javascript。看看一些关于PHP和表单的初学者教程。