如何將使用jquery上傳的圖像數據傳輸到php？

Question

我這裏有一個代碼

<h2>Click blue button</h2> 
    <button id="open_btn" class="btn btn-primary">Open dialog</button> 
    <div id="output"></div> 

    <script src="src/bootstrap.fd.js"></script> 
    <script type="text/javascript"> 
    $("#open_btn").click(function() { 
     $.FileDialog({multiple: true}).on('files.bs.filedialog', function(ev) { 
     var files = ev.files; 
     var text = ""; 
     files.forEach(function(f) { 
      text += f.name + "<br/>"; 
     }); 
     $("#output").html(text); 
     }).on('cancel.bs.filedialog', function(ev) { 
     $("#output").html("Cancelled!"); 
     }); 
    }); 
    </script> 

其拖拽和使用jQuery和自舉佈局從http://www.jqueryscript.net/demo/Drag-Drop-File-Upload-Dialog-with-jQuery-Bootstrap式的上傳。它的工作，但問題是，我不知道如何將數據上傳到php進行處理，並將文件放入服務器。

任何人都可以幫助我嗎？

Answer 1

你可以嘗試使用ajax。從網上提供的大量教程中，在您的項目中設置ajax。 之後，在你的JavaScript函數，我想你想通過變量text到PHP。因此，這裏是當你一路過關斬將教程

<script type="text/javascript"> 
     $("#open_btn").click(function() { 
      $.FileDialog({multiple: true}).on('files.bs.filedialog', function(ev)    { 
      var files = ev.files; 
      var text = ""; 
      files.forEach(function(f) { 
       text += f.name + "<br/>"; 
    });  
    $.ajax({ 
       url: "'your php function name'?name ="+text, 
       success: function(data) { 
        if(data == "retn value") { //return value of the php function 
    //     alert(""); 

        } else { 

        } 
       } 
      }); 
      $("#output").html(text); 
      }).on('cancel.bs.filedialog', function(ev) { 
      $("#output").html("Cancelled!"); 
      }); 
     }); 
     </script> 

在PHP這將需要您的數據作爲參數來創建一個功能有點掛關於Ajax你可以做什麼。 希望這有助於。