ページを更新せずにjquery（jqgrid）を使用してMP3ファイルをアップロード

Question

ディレクトリにmp3曲をアップロードしようとしました。しかし、ファイルはアップロードされていません。私はどこが間違っていたのかわかりません。私はサンプルコードを送ります。

これは私のコード

<script type="text/javascript" language="javascript"> 
    jQuery().ready(function(){ 
     jQuery("#list").jqGrid({ 
      url:'music.php', 
      datatype:"xml", 
      mtype:'POST', 
      colNames:[   
      'File Name', 
     'File Upload', 
      colModel:[ 
     {name:'id',index:'id', width:20,editable:false,editoptions {readonly:true,size:25}},         {name:'file_name',index:'file_name', width:-10,sortable: false,hidden:false,editable: true,edittype:"text",editoptions: 

{readonly:true,size:25}},                                 {name:'fileToUpload',index:'fileToUpload',width:-10,editable:true,edittype:'file',editoptions:{size:25},formoptions:{elmprefix:"&nbsp;",elmsuffix:"<button id='buttonUpload'class='button' onclick='return ajaxFileUpload();'>Upload</button><br/>"}},      ], 
      rowNum:10, 
      autowidth: true, 
      rowList:[10,20,30], 
      pager: jQuery('#pager'),sortname:'title',viewrecords: true, sortorder: "desc", caption:"Manage Music",editurl:"music_add.php" 
     }) 
    }).navGrid('#pager',{edit:true,add:true,del:true,view:true}); 

function ajaxFileUpload() { 
var filename = $("#fileToUpload").val(); 
document.getElementById('file_name').value = document.getElementById('fileToUpload').value; 
     $("#buttonUpload").click(function() { 
    $.ajax 
     ({ 
     type: "FILE", 
     url: 'music_add.php', 
     data: {file:filename}, 
       success: function(data){ 
       //alert("Data Uploaded:" + filename); 
      } 
      }); 
    }); 
    return false; 
} 

$("#bedata").click(function(){ 
    jQuery("#list").jqGrid('editGridRow',"new",{height:630,width:350,reloadAfterSubmit:true,closeAfterAdd:true,addCaption:'Add Music',saveData:'saved!'}); 
    $("form#FrmGrid_list") 
    .attr("enctype","multipart/form-data") 
    .attr("encoding","multipart/form-data") 
    ; 
}); 
</script> 
</html> 

PHPコードです：あなたはAJAXを使用してファイルをアップロードすることはできません

if ($_POST["oper"] == "add") 
{ 
    $uploaddir = 'uploads/'; 
    $uploadfile = $uploaddir . basename($_FILES['fileToUpload']['name']); 
    if (move_uploaded_file($_FILES['fileToUpload']['tmp_name'], $uploadfile)) { 
     print('File is valid, and was successfully uploaded. '); 
    } else { 
     echo "Upload error: File may be to large.<br />\n"; 
    } 
    chmod($uploadfile, 0744); 
} 

Answer 1

。通常のリクエストでアップロードするか、フレームやフラッシュなどの別の方法を使用してアップロードする必要があります。ここではフラッシュとの例である：

http://demo.swfupload.org/v220/index.htm