Jquery画像アップローダが画像をアップロードしない理由

Question

このコードはAJAX Image upload using PHPから取得しました。これらのファイルにコードをコピーしました。index.html、style.css、script.js、ajax_php_file.php、NoImage.jpgをダウンロードしました。それから私は私のPCから画像を選択し、写真はクライアント側で選択された画像に変更されました。それから、アップロードをクリックして、PHPスクリプトが呼び出されたフォルダにファイルがアップロードされていません。 Firefox 32 Firebugコンソールでテストされ、エラーは報告されていません。私はまた、私にe.preventDefault（）;と言っているエラーでJquery 2.2.2でこれを試しました。減っている。それで、コードに何が間違っているのか教えてください。それはOperaでもアップロードされません。私はスクリプトの起源ページでこれを尋ねるpplが増えているのを見ますが、答えは返答されません。

の後にこのコード$("#uploadimage").submit();を追加しましたが、これも役立ちません。

しかし、ここに生き例：コンソールからしかし、コード http://kod.djpw.cz/vpvb

。私はこの機能を編集する場合：

function imageIsLoaded(e) { 
    $("#file").css("color","green"); 
    console.log($("#file")); 
    $('#image_preview').css("display", "block"); 
    console.log($('#image_preview')); 
    $('#previewing').attr('src', e.target.result); 
    console.log($('#previewing')); 
    $('#previewing').attr('width', '250px'); 
    $('#previewing').attr('height', '230px'); 
    }; 

私はこの参照してください。

Object { 0: <input#file>, length: 1, context: HTMLDocument → index.html, selector: "#file" } script.js:45 
Object { 0: <div#image_preview>, length: 1, context: HTMLDocument → index.html, selector: "#image_preview" } script.js:47 
Object { 0: <img#previewing>, length: 1, context: HTMLDocument → index.html, selector: "#previewing" } script.js:49 

Answer 1

を私はJSを解くことによって占領されたとアップロードがajax_php_file.phpにより、サーバー側で固定されている必要があり実現しませんでした。私はコードで掘るとき、私はライン

if (file_exists("upload/" . $_FILES["file"]["name"])) { 
    echo $_FILES["file"]["name"] . " <span id='invalid'><b>already exists.</b></span> "; 

を参照してくださいので、これは私がPHPスクリプトの場所と同じフォルダにフォルダを「アップロード」を作成する必要があるということです。これは簡単な修正でしたが、元のコード記述にはありませんでした。