元素仅在使用检查元素之后出现

Question

我正在另一个选项卡中预览附件，但是仅当我使用inspect元素时才会显示内容。

注意：我正在解析数据URL：作为“ cpmFile”

我的代码是

showAttachment(e, assetId) {
    var _this = this;
    axios.get(properties.baseUrl + "asset/id/" + assetId + "?apikey=" + properties.apiKey).then(function (response) {
      if (response.status == 200) {
       let cpmFile= 'data:'+response.data.data.mimetype+';base64,'+response.data.data.data;
        let win = window.open();
        win.document.write('<iframe src="' + cpmFile  + '" frameborder="0" style="display:block; border:0; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%;" allowfullscreen></iframe>');
      }
    }).catch(function (error) {
      _this.setState({
        ActiveErrorMessage: true
      })
    })
  }