div通过id显示内容，如何获取内容到php？

Question

这个是显示页面，值是上传图片的网址

<div id="imgs_url" ></div>
这是js中的

uploader.on('uploadSuccess', function(file,response) {
$("#imgs_url").append(JSON.stringify(response.imgurl)+"</br>");//上传后返回的图片路径追加到div中去
    });

怎么能把得到的网址赋值给一个php变量呢，php是提交跳转后的另一个文件，我要把这个图片的网址保存到MySQL
或者能从js直接得到也行

Answer 1

如果想在文件上传成功后,将上传文件的地址imgs_url传递给后续的PHP页面,可以这么实现:

1. 在uploader的'uploadSuccess'事件回调函数中,将imgs_url保存到一个隐藏的input中:

uploader.on('uploadSuccess', function(file, response) {
  $("#imgs_url").val(response.imgurl); 
});

2. 在上传表单中,添加这个隐藏的input:

<form method="post" action="upload.php">
 <input type="hidden" id="imgs_url" name="imgs_url" value="">
</form>

3. 提交表单后,在upload.php页面中可以通过$_POST['imgs_url']获取到传递过来的imgs_url。
4. 可以在upload.php处理完业务逻辑后,将imgs_url传递给下一个页面:

$next_page = "show_image.php?img_url=" . urlencode($_POST['imgs_url']);
header("Location: $next_page");

这样就可以把上传后的图片地址传递给后续的PHP页面进行处理。
关键是利用uploader的事件回调,将结果实时保存到隐藏表单输入,然后提交表单,通过POST参数就可以在服务端获取到上传后的图片地址了。

Answer 2

uploader.on('uploadSuccess', function(file,response) {
$("#imgs_url").append(JSON.stringify(response.imgurl)+"</br>");//上传后返回的图片路径追加到div中去
fetch(`/php的地址?imgurl=JSON.stringify(response.imgurl)`)
    });

直接 ajax 提交就完事了