如何通過joomla模塊中的javascript發送輸入文件類型

Question

我想用JavaScript發送一個文件到php文件。
我有這種形式在我的PHP文件

<form action="" method="post" enctype="multipart/form-data"> 
    <label for="file">Filename:</label> 
    <input type="file" name="file" id="file1"><br> 
    <p id="poi">upload</p> 
    <p id="plo"></p> 
</form> 

和白色這段代碼的js文件

jQuery(document).on("click","#poi",function(){ 
    var objfile=new FormData(); 
    var file=jQuery("#file1").get(0).files[0]; 
    objfile.append("iefile078",file); 

    var ajax ; 
    ajax.upload.addEventListener("progress" ,progresshandler ,false); 
    function progresshandler(){ 
     jQuery("#plo").text("uploading ...."); 
    } 
    ajax.open("POST","helper.php"); 
    ajax.send(objfile); 
}); 

當我點擊我的頁面上的「上傳」這一功能正常發射。
我想上傳時正在進行「上傳....」顯示給用戶。
另外我想發送這個文件到helper.php文件。
如何在這種情況下將open（）和send（）函數的屬性設置爲傳遞上傳到helper.php的文件？
這是我的文件結構，並在如default.php我的形式發生

js 
    jquery.js 
tmpl 
    default.php 
helper.php 
mod_upload.php 
mod_upload.xml 

Answer 1

試試這個：

$(document).on("click","#poi", function(e) { 
    e.preventDefault(); 
    var formData = new FormData($(this)[0]); 

    $.ajax({ 
     url: 'helper.php', 
     type: 'POST', 
     data: formData, 
     async: false, 
     beforeSend: function() { 
      $("#message1").show().html("uploading..."); 
     }, 
     success: function(data) { 
      $("#message1").fadeOut(); 
      $("#container").html(data); 
     }, 
     cache: false, 
     contentType: false, 
     processData: false 
    }); 
});