为什么浏览器阻止JavaScript的内容？

我有一个图像组件在我的asp.net网站，我把它们放在与CSS的确切位置..我想保存所有在一个图像和一些挖掘后，我找到了一个由html2canvas获取屏幕截图的解决方案。 .. 它工作正常，问题是，在服务器上传后，浏览器将阻止html2canvas函数的内容，我不知道为什么？画布函数actualy将画布传递给服务器，并将其作为一个图像保存到数据库，但我无法解决阻塞和添加该页面的异常后，只有它工作正常..但我希望用户直接访问页面没有任何弹出页面需要permision或者说，本网站不批准......我所知html2canvas是一个免费授权的图书馆和犯规不需要任何许可证.. 这里是我的图片代码：为什么浏览器阻止JavaScript的内容？

<div id="imageBody"> 
    <asp:Image ImageUrl="img/bgA4.png" height="364" width="216" runat="server" ID="img1" /> 
    <asp:Image ImageUrl="img/darAghabChap/default.png" id="imgdarAghabChap" runat="server" /> 
    <asp:Image ImageUrl="img/darAghabRast/default.png" id="imgdarAghabRast" runat="server" /> 
    <asp:Image ImageUrl="img/darJeloChap/default.png" id="imgdarJeloChap" runat="server" /> 
    <asp:Image ImageUrl="img/darJeloRast/default.png" id="imgdarJeloRast" runat="server" /> 
    <asp:Image ImageUrl="img/gelgirAghabChap/default.png" id="imggelgirAghabChap" runat="server" /> 
    <asp:Image ImageUrl="img/gelgirAghabRast/default.png" id="imggelgirAghabRast" runat="server" /> 
    <asp:Image ImageUrl="img/gelgirJeloChap/default.png" id="imggelgirJeloChap" runat="server" /> 
    <asp:Image ImageUrl="img/gelgirJeloRast/default.png" id="imggelgirJeloRast" runat="server" /> 
    <asp:Image ImageUrl="img/kapoot/default.png" id="imgkapoot" runat="server" /> 
    <asp:Image ImageUrl="img/separJelo/default.png" id="imgseparJelo" runat="server" /> 
    <asp:Image ImageUrl="img/separJeloChap/default.png" id="imgseparJeloChap" runat="server" /> 
    <asp:Image ImageUrl="img/separJeloRast/default.png" id="imgseparJeloRast" runat="server" /> 
    <asp:Image ImageUrl="img/saghf/default.png" id="imgsaghf" runat="server"/> 
    <asp:Image ImageUrl="img/sandogh/default.png" id="imgsandogh" runat="server" /> 
    <asp:Image ImageUrl="img/separAghab/default.png" id="imgseparAghab" runat="server"/> 
    <asp:Image ImageUrl="img/separAghabChap/default.png" id="imgseparAghabChap" runat="server"/> 
    <asp:Image ImageUrl="img/separAghabRast/default.png" id="imgseparAghabRast" runat="server"/> 
</div>

html2canvas功能：

<script type="text/javascript"> 
function ConvertToImage(btnExport) { 
    html2canvas($("#imageBody")[0]).then(function (canvas) { 
     var base64 = canvas.toDataURL(); 
     $("[id*=hfImageData]").val(base64); 
     __doPostBack(btnExport.name, ""); 
    }); 
    return false; 
}

，这是其背后的代码使画布保存到数据库：

 Protected Sub ExportToImage(sender As Object, e As EventArgs) 
    ' vehBodyId = 25 
    If Session("UserId") = "" Then 
     Response.Redirect("~/Default.aspx") 
    Else 
     vehBodyId = idMaker("select max(vehBodyId) from VehicleBody", "vehBody") 
     Session("vehBodyId") = vehBodyId 
     Dim base64 As String = Request.Form(hfImageData.UniqueID).Split(",")(1) 
     Dim bytes As Byte() = Convert.FromBase64String(base64) 
     'insert to db 
     sql = "insert into VehicleBody (vehBodyId,imgBody) values(@vehBodyId,@imgBody)" 
     If con.State = ConnectionState.Closed Then 
      con.ConnectionString = constr 
      con.Open() 
     End If 

     cmd.CommandText = sql 
     cmd.Parameters.Clear() 
     cmd.Parameters.Add("@vehBodyId", SqlDbType.Int).Value = vehBodyId 
     cmd.Parameters.Add("@imgBody", SqlDbType.Image).Value = bytes 
     cmd.CommandType = CommandType.Text 
     cmd.Connection = con 
     cmd.ExecuteNonQuery() 
     con.Close() 
     btnShowReport.Enabled = True 

       End If

来源

2017-05-14 Farnaz Bagheri

你可以显示代码为btnExport，以防万一吗？函数是否开始运行？ – wazz

是的，当我向浏览器添加异常并删除页面的安全内容时，代码将完美工作。我编辑了我的帖子并在那里写了整个导出功能...... –

我终于找到了为什么SSL证书html2canvas wasnt工作，我想和大家分享，如果任何人有同样的问题... 说是因为我链接到jQuery和html2canvas ... 我下载它们并链接到我的服务器，它可以正常工作

来源

2017-05-15 13:45:25

为什么浏览器阻止JavaScript的内容？

回答

相关问题