Javascript 配置文件图像不变-PHP+;滑动分页
我试图使用PHP和JQuery创建一个配置文件图片更改,但我遇到了一个问题 我正在尝试这样做,在Javascript 配置文件图像不变-PHP+;滑动分页,javascript,php,html,jquery,Javascript,Php,Html,Jquery,我试图使用PHP和JQuery创建一个配置文件图片更改,但我遇到了一个问题 我正在尝试这样做,在文件输入上更改图像时,我将其发送到我的服务器,并更改我的的src不更改 图像上载正在工作,只有图像刷新不起作用 这是我的密码: HTML: <img src="./image_path/profile.png" data-toggle="tooltip" data-placement="bottom" title="Chang
文件输入
上更改图像时,我将其发送到我的服务器,并更改我的的src
不更改
图像上载正在工作,只有图像刷新不起作用
这是我的密码:
HTML:
<img src="./image_path/profile.png" data-toggle="tooltip" data-placement="bottom" title="Change profile image" class="border rounded-circle img-user-profile">
<input id="file-upload" type="file" name="file-upload" id="file-upload" />
$(document).ready(function() {
$("#file-upload").change(function() {
img($(this).closest('form'))
});
});
function img(e) {
let event = e[0]
let formData = new FormData(event);
$.ajax({
type: 'POST',
url: './dataProcess/UpTempImg.php', // Here i upload a image to a temporary folder
data: formData,
cache: false,
contentType: false,
processData: false,
beforeSend: function() {
$(".img-user-profile").attr('src', "./imagens/loading.svg")
},
success: function(data) {
// data returns a image path
// Example: https://mysite.com.br/images/temp/user_image.png
$(".img-user-profile").attr('src', data)
}
});
}
您需要首先进行基本调试。找出代码运行的部分,以及变量中存储的内容。您应该做的第一件事是在成功回调中console.log(data)
。我做到了,我的数据是正确的,所以第一次工作正常。也许本教程将帮助您:如果您创建img(事件),会发生什么?如果您使用console.log('form',img($(this).nestest('form'))?您会得到什么?每次更改图像时,我都需要发布表单,因此我使用.nestest()接收表单