如何将 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 变量？的详细内容，更多请关注其它相关文章！