如何将 JavaScript 中的图片网址传递给 PHP 变量？

一分耕耘，一分收获！既然打开了这篇文章《如何将 JavaScript 中的图片网址传递给 PHP 变量？ 》，就坚持看下去吧！文中内容包含等等知识点...希望你能在阅读本文后，能真真实实学到知识或者帮你解决心中的疑惑，也欢迎大佬或者新人朋友们多留言评论，多给建议！谢谢！

从 div 中获取图片网址到 PHP

在 HTML 页面中，通过 id 为 "imgs_url" 的 div 显示上传的图片网址。使用 JavaScript 中 uploader 的 'uploadSuccess' 事件处理程序，将上传的图片网址追加到此 div 中。

如何将此网址分配给 PHP 变量？

方法 1：通过隐藏的表单输入

在上传表单中添加一个隐藏的输入元素，并使用 JavaScript 在上传成功后将 "imgs_url" 的内容保存到该输入元素中。PHP 页面可以通过 $_POST['imgs_url'] 访问上传的网址。

方法 2：直接从 JavaScript 获取

使用 XMLHttpRequest 对象或 fetch() 方法，可以从 JavaScript 直接向 PHP 页面发送请求，并将 "imgs_url" 的内容作为请求参数发送。PHP 页面可以通过 $_POST['imgs_url'] 或 $_GET['imgs_url']（取决于请求类型）访问上传的网址。

示例代码：

方法 1

// 在 uploader 的事件处理程序中保存 URL 到隐藏的输入
uploader.on('uploadSuccess', function(file, response) {
  $("[name=imgs_url]").val(response.imgurl);
});

方法 2

// 使用 XMLHttpRequest 发送请求
var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.php', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({ imgs_url: $("#imgs_url").text() }));

今天关于《如何将 JavaScript 中的图片网址传递给 PHP 变量？ 》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！