本文介绍如何将前端javascript获取的图片url安全地保存到php的mysql数据库中。 前端使用uploader上传组件，上传成功后，通过json.stringify(response.imgurl)获得图片url。 由于php运行于服务器端，javascript运行于客户端，直接访问div中的url不可行，因此需要借助表单提交机制。
解决方案：利用隐藏表单域传递数据。
步骤一：修改JavaScript代码
不再将图片URL追加到div，而是赋值给隐藏的input表单元素：
uploader.on('uploadSuccess', function(file, response) { $('#imgs_url').val(response.imgurl); });
步骤二：添加隐藏表单元素
立即学习“PHP免费学习笔记（深入）”；
在HTML表单中添加隐藏的input元素：
id="imgs_url" 和 name="imgs_url" 与JavaScript代码保持一致。 JavaScript代码将图片URL赋值到该input元素。
步骤三：PHP代码 (upload.php)
PHP代码接收并处理图片URL，并将其保存到数据库：
prepare($sql);$stmt->bind_param("s", $imgUrl);$stmt->execute();$stmt->close();$conn->close();// 跳转到显示图片的页面$next_page = "show_image.php?img_url=" . urlencode($imgUrl);header("Location: $next_page");?>
这段PHP代码使用了预处理语句 (prepare 和 bind_param) 来防止SQL注入漏洞，这是非常重要的安全措施。 代码连接数据库，执行插入操作，并将图片URL传递给show_image.php页面。 urlencode() 函数对URL进行编码，确保特殊字符的正确处理。
通过以上步骤，即可安全地将JavaScript获取的图片URL传递给PHP，并保存到MySQL数据库。 请务必替换示例代码中的数据库连接信息，并确保处理好数据库连接和SQL注入问题，以保证代码的安全性和可靠性。
以上就是如何将前端JavaScript获取的图片URL保存到PHP的MySQL数据库？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1564324.html
微信扫一扫 
支付宝扫一扫 
