tp5文件上传时怎么把图片路径和post数据一起存到数据库?(图片使用ajax提交post数据使用form提交)

Question

如题所述

Answer 1

在使用ThinkPHP5框架进行文件上传时，当图片通过AJAX上传成功后，前端需要获取到图片的路径，并将其存储在一个隐藏字段中。随后，通过Form表单提交时，可以将这个隐藏字段一起提交到服务器端。

具体实现时，首先需要设置一个隐藏字段，用于接收图片路径。例如：

<input type="hidden" id="imagePath" name="imagePath" value="">

在AJAX成功上传图片之后，通过响应数据获取图片路径，然后将路径值赋给隐藏字段。例如使用jQuery进行如下操作：

$.ajax({

url: 'upload',

type: 'POST',

data: formData,

success: function(response) {

$('#imagePath').val(response.path);

}

});

当表单提交时，确保隐藏字段中的图片路径一同提交到服务器端。此时，服务器端可以通过请求参数获取到图片路径，进而将其与POST数据一起存储到数据库中。

在服务器端的处理代码中，可以通过以下方式获取图片路径：

php代码示例：

$imagePath = input('post.imagePath');

接着，将图片路径和POST数据一起保存到数据库。例如：

$data = ['imagePath' => $imagePath, 'otherData' => input('post.')];

Db::name('table_name')->insert($data);

这样，当表单提交时，图片路径和POST数据就能一同保存到数据库中，实现了一次提交完成多个数据的存储。