Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将背景图像更改为sql图像_Javascript_Css - Fatal编程技术网

Javascript 将背景图像更改为sql图像

Javascript 将背景图像更改为sql图像,javascript,css,Javascript,Css,有没有办法将背景图像:url set THIS-,设置为sql图片? 我在想这样的事情: $img=$MysqliHandler->querySELECT avatar FROM account WHERE username='.$\u SESSION['name'.'”; 然后以某种方式将url更改为:'.base64_encode$img[0]['avatar'] 现在我只有一个简单的更改化身功能,但我想将其保存到一个特定的“$\u会话['name']”,以便用户始终拥有该化身,并且能够更改

有没有办法将背景图像:url set THIS-,设置为sql图片? 我在想这样的事情:

$img=$MysqliHandler->querySELECT avatar FROM account WHERE username='.$\u SESSION['name'.'”; 然后以某种方式将url更改为:'.base64_encode$img[0]['avatar']

现在我只有一个简单的更改化身功能,但我想将其保存到一个特定的“$\u会话['name']”,以便用户始终拥有该化身,并且能够更改它。
我应该使用ajax,然后将新图像链接到另一个php,并在那里运行更新图像sql函数吗

$ChangeImg.clickfunction{ $imageUpload.click; }; 函数fasterPreviewuploader{ 如果uploader.files&&uploader.files[0]{ var reader=新文件读取器; reader.readAsDataURLuploader.files[0]; reader.onloadend=函数{ document.getElementByIdimgDivEdit.style.backgroundImage=url+reader.result+; } } } $imageUpload.changefunction{ 快速复习; }; 图像上传{ 显示:无; } .集装箱{ 位置:相对位置; 宽度:125px; 高度:125px; } .覆盖{ 位置:绝对位置; 排名:0; 底部:0; 左:0; 右:0; 高度:125px; 宽度:125px; 不透明度:0; 过渡:放松; 背景色:rgba11、90、180、0.795; 边界半径:50%; } .container:悬停。覆盖{ 不透明度:0.7; } .文本{ 颜色:白色; 字体大小:20px; 位置:绝对位置; 最高:50%; 左:50%; -webkit转换:翻译-50%,-50%; -ms转换:翻译-50%,-50%; 转化:转化-50%,-50%; 文本对齐:居中; 光标:指针; } imgDivEdit{ 宽度:125px; 高度:125px; 背景图像:urlhttps://www.whatsappprofiledpimages.com/wp-content/uploads/2019/01/Nice-Whatsapp-DP-Profile-Images-4-300x300.jpg; 背景位置:5px-5px; 边界半径:50%; 背景尺寸:封面; } 改变形象 所以我使用数据:image/jpeg;base64,“.$”会话['avatar']”作为背景,在一个单独的.php文件中,这是ofc。包含在my.php文件中:

imgDivEdit{ 宽度:125px; 高度:125px; 背景图像:urldata:image/jpeg;base64'.$会话['avatar'.]; 边界半径:50%; 背景尺寸:封面; } 然后我做了一个if语句,它更新sql,然后检索它并更新会话

$URL=$\u服务器['REQUEST\u URI']; ifisset$\u POST['Save']&&!空$\u POST['Save'] { 如果$(u FILES[imageUpload][size]>1010000 | |$(u FILES[imageUpload][size]==0 { 无法上载图像。; } 否则{ $image=addslashesfile\u get\u contents$\u FILES['imageUpload']['tmp\u name']; $sql='UPDATE accounts SET avatar='.$image.'WHERE username='.$\u会话['name']。; $query=$MysqliHandler->query$sql; $sql='从用户名='的帐户中选择头像。$\u会话['name']。; $avatar=$MysqliHandler->query$sql; $_会话['avatar']=base64_编码$avatar[0]['avatar']; headerRefresh:0;url=$url; 出口 } } 我做了一个保存选项,在上传图像时运行所有这些,并显示:

最大大小:1Mb

.js

$imageUpload.changefunction{ $Change.show; };
我应该使用ajax,然后将新图像链接到另一个php,并在那里运行更新图像sql函数吗?是的,除了你想在上传图像后重新加载页面。好的,我会尝试这样做。谢谢