手机端上传未知图片大小,js设置宽高比例

<style rel="stylesheet" type="text/css">

.lunboimg{ width: 100%; height: auto; float: left;}
.lunboimg img{ width: 100%; float: left;}

</style>

$(function(){
var evt = "onorientationchange" in window ? "orientationchange" : "resize";
window.addEventListener(evt, function () {
location.reload()
}, false); 判定屏幕旋转时,刷新页面,(防止图片获取宽度固定不变,图片不能自适应)

var width =$(window).width(); 获取手机浏览器的宽高
var height=$(window).height();
height=width*0.5; 图片高度=图片宽度的0.2 宽高比:2:1
$("#banner").css({"width":width, "height":height}); 获取缩放后的尺寸
});

<div class="lunboimg">
<img src="img/today.jpg" id="banner" >
</div>

时间: 2024-08-04 13:07:32

手机端上传未知图片大小,js设置宽高比例的相关文章

手机端上传相册图片

css: .upload-img{     width:80%;     position:fixed;     top:50%;     left:50%;     margin-left:-40%;     background-color: #fff;     border-radius: 10px;     z-index:1000;     display:none; } .upload-img>p:first-child{     height:50px;     line-heig

elementUI 上传文件图片大小加了限制后 仍然上传了

https://blog.csdn.net/chanlingmai5374/article/details/80558444  看了这位老哥的说法 在看看文档 才发现自己没认真看文档 <el-upload :beforeUpload="beforeAvatarUploadPdf" </el-upload> beforeAvatarUploadPdf(file){ var testmsg=file.name.substring(file.name.lastIndexOf

上传base64图片并压缩

elementUI+react 布局 <Dialog title="充值" visible={ dialogVisible } onCancel={ () => this.setState({ dialogVisible: false }) } > <Dialog.Body> <Form labelWidth="120" ref={ e => {this.form=e} } model={ form } rules={ ru

js图片上传验证图片格式和大小尺寸

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function getImageSize(obj){ var _file=document.getElementById("file

一款简单实用的上传文件图片插件并且兼容移动端zyupload.js

1.下载zyupload插件包 包含的文件如下图: 2.在/images/fileType文件夹下定义上传文件的显示图标 如下图所示: 3.打开zyupload.js,修改上传后显示文件图标路径 如下图所示: 4.调用的JS代码 <link rel="stylesheet" href="~/Content/assets/css/zyupload-1.0.0.min.css"> <script type="text/javascript&q

js 判断上传文件的大小

原先加了一个qq群,群里有人问道有没有办法在浏览器端获得上传文件的大小并做出限制,我自己并不知道方法,我觉得是不可以的,我在群里提出自己的见解的同时也向别人提出如果就解决办法也想一起知道,直到一大神出现解决了这个问题,才明白解决办法,忽然觉得这群里还是能学到新东西的!废话不多说了. 这是js判断文件大小的方法. function CheckImage(FileUpload) { var isIE = /msie/i.test(navigator.userAgent) && !window.

js 显示刚刚上传的图片 (onchange事件)

<table> <tr width="100"> <td>上传商场图片:</td> <td> <input type="file" name="img" onchange="previewImage(this)"> </td> </tr> <tr height=124px;> <td ></td>

文件上传,图片水印,验证码--2017年1月6日

文件上传: 要使用控件 - FileUpload 1.如何判断是否选中文件? FileUpload.FileName - 选中文件的文件名,如果长度不大于0,那么说明没选中任何文件 js - f.value.length 2.如何保存到服务器上? FileUpload.SaveAs("绝对路径"); 3.如何获得绝对路径? 先编写相对路径 - "UpLoads/abc.txt" 将相对路径映射成绝对路径 - Server.MapPath("UpLoads/

基于spring-boot的web应用,ckeditor上传文件图片文件

说来惭愧,这个应用调试,折腾了我一整天,google了很多帖子,才算整明白,今天在这里做个记录和分享吧,也作为自己后续的参考! 第一步,ckeditor(本博文论及的ckeditor版本4.5.6)的配置图片文件上传功能,默认这个是没有开启的,就不用多说,ckeditor官网上也说的很清楚!http://docs.ckeditor.com 下面简单的说下配置(配置文件algoConfig.js): 1 CKEDITOR.editorConfig = function( config ) { 2