问题描述
- 上传图片后，怎么让它作为一个背景图片显示出来
-
比如<div id="title">1243234</div>上传完成后，我要让刚上传的图片作为title的背景图片
解决方案
<div id="title" style="background:url(图片的url地址)">1243234</div>
解决方案二：
这个得写css里#title{background:url(图片路径) no-repeat;}
解决方案三：
在css里使用背景属性 background
解决方案四：
background:url(图片路径);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
你这么写试试。
解决方案五：
全屏显示网页背景图片
解决方案六：
你是想说点击上传，选择一个文件让他变成背景图片么？
//图片上传预览 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 = "
相关文章
- django-Djano中使用ckeitor上传图片后却不能显示图片
- java web-javaweb图片异步上传问题
- 图片-andrid创建项目时不显示标题栏，怎么让它显示出来
- php-PHP + JQUERY 图片上传问题
- input file 上传多张图片，如果想删除其中的某张图片或某几张如何处理？
- java web-javaweb图片上传，取不出来。
- jpanel-java开发中我设置了一个JPanel里面装了图片作为背景 但是为什么没有显示出来背景图片
- java-请问，我在做一个上传图片的功能。用ajaxSubmit做异步上传。成功后图片没有更改。
- java 上传图片到服务器上，在页面上不能显示，急急急，在线等，求大神帮忙！！！！！
- 关于jsp上传图片问题？有哪位大神说一下思路吗
【云栖快讯】他，一路保送，但可能不是你想象中的学霸； 他，曾是微软最年轻的技术管理者，挑战带领跨国团队； 他，后来加入阿里，成为阿里西雅图分部的第22名员工； 他，就是阿里通用计算平台负责人关涛！ 通过短视频，为你揭晓他的成长和开发计算平台的经历，以及他对未来的展望！ 详情请点击
热门推荐
- 高性能云服务器2折起
- 云服务器配置
- 技术资料
- 云计算
- 域名
- shell
- node.js
- 问答
- java
- mysql
- C++
- python
- jQuery
- Android
- asp
- PHP技巧
- jQuery教程
- JavaScript技巧
- JS
- SEO
- sql server
- mysql教程
- 前端
- 技术文集
- 技术
- 主题地图
- A
- z
- 云服务器哪家好
- API
- 大数据
- 云安全
- 云存储
- 云计算
- 获取公众号授权失败
- 兼容性疑难解答
- path
- stm32
- jsonobject
- product
前三篇
- sql server-sqlserver同时支持多少客户端进行访问
- android-如何解析出vt100控制码
- javascript-iframe嵌套获取对象问题
后三篇
- awk执行问题-执行 awk 出现下面问题
- 应用服务器-关于tomcat集群配置和分布式部署
- MFC多线程函数暂停计算以及恢复计算
(yq.aliyun.com)为您免费提供java-上传图片后，怎么让它作为一个背景图片显示出来相关信息，包括
java
，
jquery
，
jsp
，
css
图片
的信息
，所有java-上传图片后，怎么让它作为一个背景图片显示出来相关内容均不代表的意见！
该页面h5页面的地址是：https://m.aliyun.com/yunqi/wenzhang/show_5490，您可以点击java-上传图片后，怎么让它作为一个背景图片显示出来-手机站访问。