0

ページを更新せずに iframe を使用して画像をアップロードしようとしています。コードは FF と Chrome では正常に動作しますが、IE では「アクセスが拒否されました」というエラーが表示されます。

以下は、ターゲットを含むプロフィール写真を iframe にアップロードするための html コードです。

<form action="/image-upload" id="frmuploadPicture" name="frmuploadPicture" target="upload_iframe" method="post" enctype="multipart/form-data">
                <a href="javascript:void(0);" onclick="javascript:user.openUploadDialog('profileImage');">Edit Photo</a>
                    <input type="file" id="profileImage" name="profileImage" style="-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0);opacity: 0;" accept="image/x-png,image/gif,image/jpeg" onchange="javascript:user.uploadProfileImage(this);"/>
                    <input type="hidden" name="userid" id="txtUserId" value="879987"/>
             </form>
            <iframe name="upload_iframe" src="" style="width: 400px; height: 100px; display: none;"></iframe>

ユーザーにのみ表示される写真の編集リンクがあり、この編集リンクをクリックすると、ファイル要素のクリックイベントがトリガーされ、ファイル要素の変更時にフォームが送信されます。

document.frmuploadPicture.submit(); を使用してフォームを送信しています。ファイル要素の変更時。

どんな助けや提案も大歓迎です。

ありがとうガウラフ

4

1 に答える 1

0

jquery フォーム プラグインを使用して、ajax 経由で画像をアップロードできます。

デモ

于 2012-10-31T13:29:30.053 に答える