Javascript 如何将使用ajax上传的图像发送到php和其他参数

Javascript 如何将使用ajax上传的图像发送到php和其他参数,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,这是我的密码。我已经设法在上传后在浏览器中显示图像,但我不知道如何通过ajax将该图像解析为php,以便保存该图像供以后使用和其他类似参数的id。请帮助 <input type="file" multiple="true" id="files" /> <input type="submit" id="go"/> <div id="images"></div> <script> // set up variables var reader

这是我的密码。我已经设法在上传后在浏览器中显示图像,但我不知道如何通过ajax将该图像解析为php,以便保存该图像供以后使用和其他类似参数的id。请帮助

<input type="file" multiple="true" id="files" />
<input type="submit" id="go"/>
<div id="images"></div>
<script>
// set up variables
var reader = new FileReader(),
    i=0,
    numFiles = 0,
    imageFiles;

// use the FileReader to read image i
function readFile() {
    reader.readAsDataURL(imageFiles[i])
}

// define function to be run when the File
// reader has finished reading the file
reader.onloadend = function(e) {

    // make an image and append it to the div
    var image = $('<img>').attr('src', e.target.result);
    $(image).appendTo('#images');

    // if there are more files run the file reader again
    if (i < numFiles) {
        i++;
        readFile();
    }
};

$('#go').click(function() {

    imageFiles = document.getElementById('files').files
    // get the number of files
    numFiles = imageFiles.length;
    readFile();           

});



</script>

//设置变量
var reader=new FileReader(),
i=0,
numFiles=0,
图像文件;
//使用FileReader读取图像i
函数readFile(){
reader.readAsDataURL(imageFiles[i])
}
//定义文件被删除时要运行的函数
//读取器已完成文件的读取
reader.onloadend=函数(e){
//制作一个图像并将其附加到div
var image=$('

您可以在src标记中添加任何属性。当发送到php时,序列化这些属性并通过post或get发送。类似如下:

<img src="" param-a="info-a" param-b="info-b" param-c="info-c" alt="">

<script type="text/javascript">
    jQuery(document).ready(function($) {
        var img = $("img");

        var myparams = new Array();
        myparams[0] = $(img).attr("param-a");
        myparams[1] = $(img).attr("param-b");
        myparams[2] = $(img).attr("param-c");

        var data = $.serializeArray(myparams);
    });
</script>

jQuery(文档).ready(函数($){
var img=$(“img”);
var myparams=新数组();
myparams[0]=$(img).attr(“param-a”);
myparams[1]=$(img).attr(“参数b”);
myparams[2]=$(img).attr(“param-c”);
变量数据=$.serializeArray(myparams);
});
没有Jquery:

<img src="" id="img" param-a="info-a" param-b="info-b" param-c="info-c" alt="">

<script type="text/javascript">
var myparams = new Array();
myparams[0] = document.getElementById('img').getAttribute('param-a');
myparams[1] = document.getElementById('img').getAttribute('param-b');
myparams[2] = document.getElementById('img').getAttribute('param-c');

var data = JSON.stringify(myparams)

console.log(data);
</script>

var myparams=新数组();
myparams[0]=document.getElementById('img').getAttribute('param-a');
myparams[1]=document.getElementById('img').getAttribute('param-b');
myparams[2]=document.getElementById('img').getAttribute('param-c');
var data=JSON.stringify(myparams)
控制台日志(数据);

我如何将图片移动到上传文件夹…请帮助我,因为我是这方面的初学者。关于上传,这个示例非常有效: