如何使用JavaScript发送上传的图像详细信息(名称,大小,temp_name,错误)

时间:2015-07-08 09:00:48

标签: javascript php html

我正在使用JavaScript提交表单。现在我想使用javaScript将图像存储/移动到文件夹中。
HTML代码 -

<form id="exampleForm" method="post" action=""  enctype="multipart/form-data" >

     <input  type="file" name="imagename" id="imagename" />
     <input type="button" name="save_exit"  id="save_exit" onclick="submitForm('add_question_sql.php')" value="Save &amp; Exit"  />

</form>

JavaSript Code-

function submitForm(action)
{
    document.getElementById('exampleForm').action = action;
    document.getElementById('exampleForm').submit();// submiting form
}

那么如何将图像细节(名称,大小,temp_name,错误)发送到移动上传过程的操作页面。

1 个答案:

答案 0 :(得分:0)

试试这个

 <form id="exampleForm" method="post" enctype="multipart/form-data" >
             <input  type="file" name="imagename" id="imagename" />
             <button>Submit</button>
    </form>

的Ajax:

$("form#exampleForm").submit(function(){

    var formData = new FormData($(this)[0]);

    $.ajax({
        url:'add_question_sql.php',
        type: 'POST',
        data: formData,
        async: false,
        success: function (data) {
            alert(data)
        },
        cache: false,
        contentType: false,
        processData: false
    });

    return false;
});