1

iframe をターゲットにして画像を送信するフォームを作成しました。以前はこれが機能していましたが、iframe だけでなく、ページ全体が送信されるようになりました。私は完全に途方に暮れています。

HTML:

<form id="upload-form" name="upload-form" class="" action="/handle/upload" method="post" enctype="multipart/form-data">
    <div class="fileinput-wrap">
        <label for="fileinput">Image input</label>
        <input type="file" name="file" id="fileinput" />
     </div>
    <input type="submit" id="submitter" name="submitter" />
</form>

JS:

$("#fileinput").on('change', function () {
    var $iframe = $("<iframe />").attr({
        id: 'frame_uploader',
        name: 'frame_uploader'
    });
    var $img = $("<img />");
    var imageUrl = "";
    $("#upload-form").prepend($img).append($iframe)
        .attr('target', 'frame_uploader')
        .trigger('submit');
    $iframe.load(function () {
        var imageUrl = $iframe.contents().find("body").text();
        $img.attr('src', imageUrl);
    });
});

http://jsfiddle.net/NVp9K/

4

2 に答える 2

1

作成時にフレームIDと名前属性を追加する必要があるかもしれません。ちょうどこのような：

var $iframe = $("<iframe id=\"frame_uploader\" name=\"frame_uploader\" />");
于 2015-10-21T15:44:10.530 に答える
1

特定の iframe 名が予約されていることをどこかで読みました。iframe の名前を変更すると問題が解決しました。

于 2013-02-14T19:33:37.547 に答える