フォームをiframeに送信しますか？

Question

フォームがiframeに送信されていないという次のコードで、私が間違っていることを教えてもらえますか？

$(function() { 
    $(".preview").click(function() { 
     $('#sliderimage').wrap('<form action="/index/upload.php" method="post" id="imageform" target="imageupload" />'); 
     $('#imageform').submit(); 
     $('#sliderimage').unwrap(); 
     return false; 
    }); 
});​ 


<iframe style="display: none;" name="imageupload" id="imageupload"></iframe> 
<input type="file" id="sliderimage" name="sliderimage"> 
<input type="button" class="preview" value="Preview"> 

Answer 1

問題が解決するかどうかはすぐにわかりませんが、すぐにわかる2つの問題があります。

「タイプ」をpostに設定しました。この属性はmethodである必要があります。

また、フォームにenctypeを設定する必要があります。

$(function() { 
    $(".preview").click(function() { 
     $('#sliderimage').wrap('<form action="/index/upload.php" method="post" id="imageform" target="imageupload" enctype="multipart/form-data" />'); 
     $('#imageform').submit(); 
     $('#sliderimage').unwrap(); 
     return false; 
    }); 
});​ 

EDIT

上記のコードは、直接カットであり、あなたのソースから貼り付ける....これは（<€a）の「隠れた」という意味の文字jsfiddleペーストあなたのjavascriptにそこにもあります。それを削除すると、jsが機能します。これを行うには、jsコードの最後に一度バックスペースを入れます。