AJAX jQuery Uploader

Question

私はフラッシュなしでJQueryまたはajaxファイルアップローダーを探しています。 私はあまりhtml、ajax、JQueryを認識していません。 だから私を助けてください。 私の機能を実行するコードが必要です。

Answer 1

私はvalums/file-uploaderを使用しています。私はそれに非常に満足しています。
非常に使いやすいです。
このツールについての回答は、hereとhereです。

HTML：

<div id="uploaderFile"></div> 

Javascriptを：

function CreateImageUploader() { 
    var uploader = new qq.FileUploader({ 
     element: $('#uploaderFile')[0], 
     template: '<div class="qq-uploader">' + 
           '<div class="qq-upload-drop-area"><span>Drop files here to upload</span></div>' + 
           '<div class="qq-upload-button ui-button ui-widget ui-corner-all ui-button-text-only ui-state-default">Seleziona il Listino Excel</div>' + 
           '<ul class="qq-upload-list"></ul>' + 
           '</div>', 
     hoverClass: 'ui-state-hover', 
     focusClass: 'ui-state-focus', 
     action: 'Home/UploadImage', 
     allowedExtensions: ['jpg', 'gif'], 
     params: { }, 
     onSubmit: function(file, ext) { 

      }, 
     onComplete: function(id, fileName, responseJSON) { 
      $("#PopupImageUploader").dialog('close'); 
      } 
     } 
    }); 
} 

Answer 2

@Prasad 007はdoajaxfileupload.phpで、コードの以下の部分を交換し、そのフォルダを作成する前に、フォルダ内の "アップロード"」 AjaxFileUploaderV2.1 "

<?php 
    $error = ""; 
    $msg = ""; 
    $fileElementName = 'fileToUpload'; 
    if(!empty($_FILES[$fileElementName]['error'])) 
    { 
     switch($_FILES[$fileElementName]['error']) 
     { 

      case '1': 
       $error = 'The uploaded file exceeds the upload_max_filesize directive in php.ini'; 
       break; 
      case '2': 
       $error = 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form'; 
       break; 
      case '3': 
       $error = 'The uploaded file was only partially uploaded'; 
       break; 
      case '4': 
       $error = 'No file was uploaded.'; 
       break; 

      case '6': 
       $error = 'Missing a temporary folder'; 
       break; 
      case '7': 
       $error = 'Failed to write file to disk'; 
       break; 
      case '8': 
       $error = 'File upload stopped by extension'; 
       break; 
      case '999': 
      default: 
       $error = 'No error code avaiable'; 
     } 
    }elseif(empty($_FILES['fileToUpload']['tmp_name']) || $_FILES['fileToUpload']['tmp_name'] == 'none') 
    { 
     $error = 'No file was uploaded..'; 
    }else 
    { 
         if (file_exists("upload/" . $_FILES["fileToUpload"]["name"])) 
     { 
     $msg .= $_FILES["fileToUpload"]["name"] . " already exists. "; 
     } 
    else 
     { 
     move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], 
     "upload/" . $_FILES["fileToUpload"]["name"]); 
     $msg .= "Stored in: " . "upload/" . $_FILES["file"]["name"]; 
     $msg .= " File Name: " . $_FILES['fileToUpload']['name'] . ", "; 
      $msg .= " File Size: " . @filesize($_FILES['fileToUpload']['tmp_name']); 
     } 

      //for security reason, we force to remove all uploaded file 
      //@unlink($_FILES['fileToUpload']); 
    }  
    echo "{"; 
    echo    "error: '" . $error . "',\n"; 
    echo    "msg: '" . $msg . "'\n"; 
    echo "}"; 

?>