Question

我有一个按钮，现在是一个小形式：

<form name="picSubmit" method="post">
  <button class="btn  btn-block btn-default" id="upload"><?php echo $lrow[10]; ?> <span class="glyphicon glyphicon-forward"></span></button>
</form>

然后我的代码在页面顶部：

<script language="JavaScript" src="js/cameraUserScript.js"></script>
<?php

if ($_SERVER['REQUEST_METHOD'] == 'POST'){
    header('Location: view-subscribe');
}
?>

这是一些javascript / jQuery ajax代码，用于发送<div>内的内容和我已经进入php页面的图片，我使用此内容从我的数据库中获取一些数据并重命名和将该图片保存到文件夹

document.getElementById("upload").addEventListener("click", function(){
   var dataUrl = canvas.toDataURL();
   var idVal = $('.hiddenId').html();
   $.ajax({
      type: "POST",
      url: "incl/camsave.php",
      data: { 
          imgBase64: dataUrl,
          idVal: idVal
       }
    }).done(function(msg) {
    console.log('saved');
    });

我在该提交按钮ID上添加了一个click事件，以便在我单击此脚本时必须运行。它可以在Chrome中运行，但是因为在Chrome中你总是必须点击信任按钮如果你使用媒体处理我想使用Mozilla但是它没有用...它是否与提交按钮的组合有关点击事件？

感谢您的帮助！

Answer 1

我不确定你为什么要在这里混合使用vanilla JS和jQuery，但你可以通过将代码改为此来解决这个问题 -

$('#upload').click(function() { // you can use jQuery here too
    var dataUrl = canvas.toDataURL();
    var idVal = $('.hiddenId').html();
    $.ajax({
        type: "POST",
        url: "incl/camsave.php",
        data: { 
            imgBase64: dataUrl,
            idVal: idVal
        }
    }).done(function(msg) {
        console.log('saved');
    });
});

将jQuery单击处理程序与php标题组合在同一个按钮上

1 个答案: