如何使用iframe

我已經看到了答案此代碼爲先前的計算器問題取消文件上傳：如何使用iframe

if (iframeObj.contentWindow.document.execCommand) 
    { // IE browsers 
     iframeObj.contentWindow.document.execCommand('Stop'); 
    } 
else 
    { // other browsers 
     iframeObj.contentWindow.stop(); 
    }

的問題可以被看作here但基本上他問的問題是，是否有可能爲隱藏的iframe停止上傳文件。

現在我所擁有的是一個「取消」按鈕，當我上傳一個文件時，如果我想取消上傳，那麼如果我點擊「取消」按鈕，我想上傳文件停止。

但我的問題是，我有我的iframe和「取消」按鈕功能，它是如何實現的，以便上面的代碼可以用來取消我的代碼中的文件上傳？

下面是形式代碼，由形式的和的IFRAME：

var $fileImage = $("<form action='imageupload.php' method='post' enctype='multipart/form-data' target='upload_target' onsubmit='return stopImageUpload(this);' class='imageuploadform' >" + 
    "Image File: <input name='fileImage' type='file' class='fileImage' /></label><br/><br/><label class='imagelbl'>" + 
    "<input type='submit' name='submitImageBtn' class='sbtnimage' value='Upload' /></label>" + 
    "</p><p class='imagef1_cancel' align='center'><label>" + 
    "<input type='button' name='imageCancel' class='imageCancel' value='Cancel' /></label>" + 
    "<iframe class='upload_target' name='upload_target' src='#' style='width:0;height:0;border:0px;solid;#fff;'></iframe></form>");

下面是startImageUpload函數，其中它開始上載圖像時，取消按鈕點擊事件處理功能被顯示在此功能：

function startImageUpload(imageuploadform){ 

       $(".imageCancel").click(function() { 
       $('.upload_target').get(0).contentwindow 
      return stopImageUpload(); 

    }); 

     return true; 
}

來源

2012-05-03 user1364441

我不確定，如果我理解你的問題。但是，如果你問，爲什麼你的代碼不能正常工作，這裏的問題：

1）你的函數名是startImageUpload，但在onsubmit處理你叫stopImageUpload

2）線路$('.upload_target').get(0).contentwindow是缺少分號。更大的問題是，它什麼都不做。

3.）我不知道，你的stopImageUpload函數的工作原理，因爲你沒有發佈在這裏。

希望這會有所幫助。

來源

2012-05-07 20:58:25

如何使用iframe

回答

相關問題