圖片上傳無頁面刷新

Question

我想上傳一個圖片使用IFRAME沒有頁面刷新。代碼工作正常FF &鉻，但在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（）提交表單;對文件元素的更改。

任何幫助或建議將不勝感激。

感謝 拉夫

Answer 1

您可以使用jquery form plugin通過Ajax上傳圖片：

Demo