为什么浏览器会屏蔽 javascript 的内容？答案

【问题标题】：Why does the browser block the content of javascript?为什么浏览器会屏蔽 javascript 的内容？
【发布时间】：2017-05-14 16:16:13
【问题描述】：

我的 asp.net 网站上有一个图像组件，我用 css 将它们放在确切的位置。我想将所有内容保存在一个图像中，经过一番挖掘，我找到了一个通过 html2canvas 获取屏幕截图的解决方案... 它工作正常，问题是在服务器上上传后浏览器会阻止 html2canvas 功能的内容，我不知道为什么？画布功能实际上将画布传递给服务器并将其作为一个图像保存到数据库，但我无法解决阻塞问题，并且在为该页面添加异常之后它才能正常工作..但我希望用户直接访问该页面而无需任何弹出页面需要许可或说这个网站未经授权......因为我知道 html2canvas 是一个免费的许可库，不需要任何许可.. 这是我的图像代码：

    <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

【问题讨论】：

你能显示 btnExport 的代码吗，以防万一？函数是否开始运行？
是的，当我向浏览器添加异常并删除页面的安全内容时，代码将完美运行。我编辑了我的帖子并在那里编写了整个导出功能......

标签： jquery asp.net vb.net html2canvas

【解决方案1】：

我终于找到了为什么 html2canvas 不能在 ssl 证书上工作，如果有人遇到同样的问题，我只想分享... 那是因为我链接到 jquery 和 html2canvas ...... 我下载它们并从我的服务器链接，它工作正常

【讨论】：