2 apbbbbb apbbbbb 于 2016.04.20 17:41 提问

上传图片后,怎么让它作为一个背景图片显示出来

比如

 <div id="title">1243234</div>

上传完成后,我要让刚上传的图片作为title的背景图片

6个回答

showbo
showbo   Ds   Rxr 2016.04.20 17:43
已采纳
  <div id="title" style="background:url(图片的url地址)">1243234</div>
apbbbbb
apbbbbb 谢谢
一年多之前 回复
apbbbbb
apbbbbb 谢谢
一年多之前 回复
showbo
showbo 回复479925485: 不是给你了。。<div id="title" style="background:url(xxxx.jsp?id=你这个图片的id)">1243234</div>
一年多之前 回复
apbbbbb
apbbbbb 回复无聊码农: 这个二进制我可以实现,就是怎么把读出来的图片做为背景
一年多之前 回复
showbo
showbo 回复479925485: 图片2进制流存数据库需要用动态页来读取,背景无法设置为2进制数据。看这个:http://www.jb51.net/article/60756.htm
一年多之前 回复
apbbbbb
apbbbbb 网卡了
一年多之前 回复
apbbbbb
apbbbbb 回复无聊码农: 什么意思?我要单独写一个页面,这个页面是一个单独img标签?不懂求教
一年多之前 回复
apbbbbb
apbbbbb 回复无聊码农: 什么意思?我要单独写一个页面,这个页面是一个单独img标签?不懂求教
一年多之前 回复
apbbbbb
apbbbbb 回复无聊码农: 什么意思?我要单独写一个页面,这个页面是一个单独img标签?不懂求教
一年多之前 回复
apbbbbb
apbbbbb 回复无聊码农: 什么意思?我要单独写一个页面,这个页面是一个单独img标签?不懂求教
一年多之前 回复
apbbbbb
apbbbbb 回复无聊码农: 什么意思?我要单独写一个页面,这个页面是一个单独img标签?不懂求教
一年多之前 回复
apbbbbb
apbbbbb 回复无聊码农: 什么意思?我要单独写一个页面,这个页面是一个单独img标签?不懂求教
一年多之前 回复
apbbbbb
apbbbbb 回复无聊码农: 什么意思?我要单独写一个页面,这个页面是一个单独img标签?不懂求教
一年多之前 回复
apbbbbb
apbbbbb 回复无聊码农: 什么意思?我要单独写一个页面,这个页面是一个单独img标签?不懂求教
一年多之前 回复
apbbbbb
apbbbbb 回复无聊码农: 什么意思?我要单独写一个页面,这个页面是一个单独img标签?不懂求教
一年多之前 回复
apbbbbb
apbbbbb 回复无聊码农: 什么意思?我要单独写一个页面,这个页面是一个单独img标签?不懂求教
一年多之前 回复
apbbbbb
apbbbbb 回复无聊码农: 什么意思?我要单独写一个页面,这个页面是一个单独img标签?不懂求教
一年多之前 回复
showbo
showbo 回复479925485: 不是存硬盘你需要用动态页读出来,然后设置响应头为image/jpeg之类的。<div id="title" style="background:url(xxxx.jsp?id=你这个图片的id)">1243234</div>,xxxx.jsp赋值读取blob数据输出,然后注意设置响应头
一年多之前 回复
apbbbbb
apbbbbb 我数据库存储的是blob类型,可以获取路径么?
一年多之前 回复
tangtang_fly
tangtang_fly   2016.04.20 17:45

这个得写css里#title{background:url(图片路径) no-repeat;}

qq_34297387
qq_34297387   2016.04.20 20:30

在css里使用背景属性 background

u013331641
u013331641   2016.04.20 20:35
    background:url(图片路径);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
    你这么写试试。
CSDNXIAON
CSDNXIAON   2016.04.21 21:22

全屏显示网页背景图片
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

qq_25139939
qq_25139939   2016.04.29 17:53

你是想说点击上传,选择一个文件让他变成背景图片么?
//图片上传预览 IE是用了滤镜。
function previewImage(file)
{
var MAXWIDTH = 120;
var MAXHEIGHT = 120;
var div = document.getElementById('preview');//这边需要修改
if (file.files && file.files[0])
{
div.innerHTML ='';
var img = document.getElementById('imghead');
img.onload = function(){
var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
img.width = rect.width;
img.height = rect.height;
// img.style.marginLeft = rect.left+'px';
img.style.marginTop = rect.top+'px';
}
var reader = new FileReader();
reader.onload = function(evt){img.src = evt.target.result;}
reader.readAsDataURL(file.files[0]);
}
else //兼容IE
{
var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
file.select();
var src = document.selection.createRange().text;
div.innerHTML = '';
var img = document.getElementById('imghead');
img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
div.innerHTML = "

";
}
}
function clacImgZoomParam( maxWidth, maxHeight, width, height ){
var param = {top:0, left:0, width:width, height:height};
if( width>maxWidth || height>maxHeight )
{
rateWidth = width / maxWidth;
rateHeight = height / maxHeight;
        if( rateWidth > rateHeight )
        {
            param.width =  maxWidth;
            param.height = Math.round(height / rateWidth);
        }else
        {
            param.width = Math.round(width / rateHeight);
            param.height = maxHeight;
        }
    }

    param.left = Math.round((maxWidth - param.width) / 2);
    param.top = Math.round((maxHeight - param.height) / 2);
    return param;
}
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!