現在のフォーム データを iframe に追加し、元のフォームではなく iframe 内でフォームを送信したいと考えています。以下はコードスニペットです
<script>
$(document).ready(function() {
$("#imageSubmit").click(function(e) {
e.preventDefault();
$("#wrapper iframe").remove();
$("#wrapper").append("<iframe src=''>" + $("#imageForm").html()+"</iframe>");
$("#wrapper iframe form").submit();
$("#wrapper iframe").load(checkStatus);
});
});
function checkStatus() {
var status = $.parseJSON($("#wrapper iframe").html());
if (status.success) {
alert("File " + status.filename + " uploaded!");
} else {
alert("Fail!");
}
}
</script>
<body>
<div id="wrapper">
<form name="imageForm" id="imageForm" action="SOMETHING">
<input type="file" id="imageInput" />
<input type="submit" id="imageSubmit" />
</form>
</div>
</body>
ただし、現在のフォームの HTML を iframe に追加する代わりに、デコードされた HTML (この単語についてはすみません) を iframe に追加しています。これが私が得たiframe出力です:
<iframe>
<input type="file" id="imageInput">
<input type="submit" id="imageSubmit">
</iframe>
提案してください。