精华内容
下载资源
问答
  • 批量上传图片失败原因, 一般以为 浏览器禁用了flash插件,或者 flash版本过低(更新到最新版本) 图片上传数量、调整弹出框大小、图片大小控制 kindeditor\plugins\multiimage\multiimage.js下 205行 ...

    批量上传图片失败原因,

    一般以为 浏览器禁用了flash插件,或者 flash版本过低(更新到最新版本)


    图片上传数量、调整弹出框大小、图片大小控制


    kindeditor\plugins\multiimage\multiimage.js下

    205行 imageUploadLimit = K.undef(self.imageUploadLimit, 20),


    218行 var dialog = var dialog = self.createDialog 修改 height 和 width 的参数值

    203行 imageSizeLimit = K.undef(self.imageSizeLimit, '1MB'), 



    =============================================

    调整所有附件上传大小控制

    kindeditor/upload_json.php

    27 行 max_size 的参数值


    修改后,要清空浏览器缓存后,才会看到效果

    展开全文
  • js上传图片并获取上传图片大小

    千次阅读 2018-08-25 14:53:17
    js上传图片并获取上传图片大小 网上关于上传图片的代码有很多,但是获取上传图片大小这里,我曾经找了很久,发现很多文章的方法都不能实现,现在将解决问题后的代码拿出来,供大家参考,少走弯路。 html代码 ...

    js上传图片并获取上传图片的大小

    网上关于上传图片的代码有很多,但是获取上传图片大小这里,我曾经找了很久,发现很多文章的方法都不能实现,现在将解决问题后的代码拿出来,供大家参考,少走弯路。

    html代码

    添加上传图片的标签很简单,只需要将input的type类型设置为type="file":

    <input id="fileop" type="file" name="advertPicture" accept="image/gif,image/jpeg,image/jpg,image/png"> 

    写好input标签后,我们需要做两件事:监听上传事件,并获取到上传图片的尺寸。
    监听上传事件我们通过监听change事件实现,并定义读取文件对象FileReader,在图片上传完毕后将图片转化成base64格式,以便Image对象根据该格式获取到图片,务必要在Image对象加载完毕后再检查尺寸,否则获取到的尺寸会是0*0;检查尺寸不能使用widthheight属性,这两个属性在未手动指定之前,永远都是0,所以,获取图片尺寸需要使用naturalWidthnaturalHeight属性,这两个属性会返回图片的真实大小。

    document.getElementById("fileop").addEventListener("change",function() {
        var files = this.files;
        if(files.length!=0){//保证用户选择了图片,而不是点击了取消上传按钮
            var fileName=files[0].name;//获取上传图片名称,如不需要,可不写
            var fileReader = new FileReader();
            fileReader.readAsDataURL(files[0]);//根据图片路径读取图片
            fileReader.onload = function(e) {
                var base64 = this.result;
                var img = new Image();
                img.src = base64;
                img.onload = function() {
                    alert(img.naturalWidth+ " " + img.naturalHeight);
                }
            }
        }       
    }

    代码并不多,希望能帮助到大家

    展开全文
  • nginx上传照片大小设置client_max_body_size 100m;

    问题描述:

    上传文件失败,文件大小4M左右。上传程序为Java,通过nginx反向代理写入Fastdfs中,但是一直失败,查看nginx错误日志,显示client intended to send too large body: 4134591 bytes。
    根据错误信息提示,客户端发送的body过大,nginx默认的客户端body大小为1M。
    官方文档如下:

    Syntax: client_max_body_size size;
    Default: client_max_body_size 1m;
    Context: http, server, location
    Sets the maximum allowed size of the client request body, specified in the “Content-Length” request header field. If the size in a request exceeds the configured value, the 413 (Request Entity Too Large) error is returned to the client. Please be aware that browsers cannot correctly display this error. Setting size to 0 disables checking of client request body size.
    

    解决:

    根据官方文档说明,可以在nginx配置文件中http、server、location等配置块添加配置,client_max_body_size size 100m;来调整允许的客户端上传文件的body大小。设置为0,表示不限制。

    实例:

    http {
        log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                          '$status $body_bytes_sent "$http_referer" '
                          '"$http_user_agent" "$http_x_forwarded_for"';
    
        access_log  /var/log/nginx/access.log  main;
    
        sendfile            on;
        tcp_nopush          on;
        tcp_nodelay         on;
        keepalive_timeout   65;
        types_hash_max_size 2048;
    	
        client_max_body_size 100m;
    	....
    	}
    

     

    展开全文
  • layui上传照片(控制图片大小

    千次阅读 2018-12-17 16:31:53
    img.onload = function () { //初始化夹在完成后获取上传图片宽高,判断限制上传图片大小。 if(img.width ==413 && img.height ==626){ obj.upload(index, file); //满足条件调用上传方法 }else{ flag = ...
    upload.render({
                      elem: '.file_'+a1
                      ,url: '../file/fileUpload'
                      , accept: 'images'
                      /*, field: 'file'//后台接收参数名
                      ,data: {
                            //原路径 带参过去删除
                            cover_img_big_old: $("#cover_img_big").val(),
                            cover_img_old:$("#avatar").val()
                        }*/
                      /*, acceptMime: 'image/!*'*/
                      /*, auto: false*/
                      // , before: function(obj) {
                      //       layer.load();
                      //   }
                      ,choose: function(obj){  //上传前选择回调方法
                            var flag = true;
                            obj.preview(function(index, file, result){
                                console.log(file);            //file表示文件信息,result表示文件src地址
                                var img = new Image();
                                img.src = result;
                                img.onload = function () { //初始化夹在完成后获取上传图片宽高,判断限制上传图片的大小。
                                    if(img.width ==413 && img.height ==626){
                                        obj.upload(index, file); //满足条件调用上传方法
                                    }else{
                                        flag = false;
                                        layer.msg("您上传的小图大小必须是像素413*626px尺寸(2寸照片)!");
                                        return false;
                                    }
                                }
                                return flag;
                            });
                        }
                      , done: function(res){ //上传后的回调
                            if(res.msg=='1'){
                                layer.msg("上传成功");
                                console.log(res.file_name);
                                console.log(res.file_url);
    
                                addUpoloadTr(res.file_name,res.file_url,1);
                            }else{
                                layer.msg("上传失败");
                            }
                        }
                  });
    展开全文
  • ueditor上传图片自动调整大小

    千次阅读 2016-09-28 14:45:27
    在做手机微信开发的的时候,ueditor 上传的文章,图片会自动加载宽高, 而在手机web页会超出,特写此方法 $str = preg_replace('/(/i',"\${1} \${2}uc/images/\${3}>",$str); return str_replace(',',$str);
  • 背景:springboot项目上传图片超过1M报错,经了解,springboot默认上传文件1M 需求:更改默认配置,控制上传文件大小 方法:①更改配置文件(经试验不可行,不知道为什么);②更改启动Bean(药到病除) 一、...
  • js上传图片前预览图片,检测上传图片大小,检测上传文件大小 js图片上传预览,上传文件大小 // 预览图片 function previewImg(file, imgId){ if(file.value==""){ return; } var img = document...
  • input file 获取上传图片大小

    千次阅读 2018-11-12 09:34:12
    <!DOCTYPE html> ()"> ... function getSize() { var input = document.getElementById("file");... alert("第" + (parseInt(i) + 1) + "张图片大小超过700kb,请重新上传") } } } }
  • 刚刚尝试放了手机截图发现占版面太多,于是按题目百度没...CSDN的MarkDown图片大小调整 参见文章: CSDN的MarkDown图片大小调整: https://blog.csdn.net/u010416101/article/details/54633268 亲测有用。...
  • 文件上传(图片上传) 设置 大小 注意点 //检查文件是否为空 if (multipartFile.isEmpty()){ return "文件为空"; } //检查文件大小 2097152 =2M if(multipartFile.getSize() > 2097152) { ...
  • java上传图片压缩大小

    千次阅读 2014-06-05 10:34:39
    java上传图片压缩大小方法:
  • 170715 如何更改CSDN上传图片大小

    千次阅读 2017-07-15 11:10:00
    CSDN的MarkDown图片大小调整 按照正常上传的方式得到网址url 改变图片索引链接代码,修改百分比 显示原始大小<div> # 原始大小 ![图片描述](简化的url只包含数字之前,例如,...
  • 如何正确调整PHP上传附件大小限制

    千次阅读 2012-05-07 10:19:40
    好几次碰到有同事问,我的应用上传附件超过3M就报过大了,怎么调大一下,每次都是去看应用的配置文件,其实都是php的应用。php应用上传附件大小的设置只需要...此项不是限制上传单个文件的大小,而是针对整个表单的提
  • fastdfs 上传大小限制调整

    万次阅读 2016-10-21 11:59:36
    nginx 调整重启nginx kill -HUP $( cat /usr/local/nginx/logs/nginx.pid ) 测试100MB的文件 dd if=/dev/zero of=100mb.file bs=1M count=100 /usr/local/FastDFS/bin/fdfs_upload_file /etc/fdfs/client.conf 100mb...
  • JS获取图片的原始尺寸一、html5 中新的naturalWidth和naturalHeight属性在HTML 5中,新增加了两个用来判断图片的宽度和高度的属性,分别为naturalWidth 和 naturalHeight属性,例子如下:var myimage = document....
  • tp 上传图片 规定图片格式大小

    千次阅读 2019-03-05 18:44:42
    1、上传图片 规定大小 结合form 上传图片 html页面 注意 form上传图片要规定enctype=“multipart/form-data” 2、接受图片 控制器 3、设置储存图片位置 同时规定上传图片的规格 4、获取图片路径新名字存到数据库...
  • java 后台如何判断上传图片大小。File file = new File(path + "\\" + fileName+".jpg"); long size = file.length(); size不好用呢
  • 一般网站上传图片大小是多少呢?尚网汇智给您列一下网站图片上传格式大小建议: 首先,上传图片格式: 通常图片以JPG图片居多,JPG格式的图片较小,图片也比较柔和 不过特殊情况就要用特殊格式的图片了 如1:...
  • 在项目中经常用到input标签来上传文件,而这些文件通常是图片文件。图片有很多格式我们只需要其中的几种,就需要对用户上传的文件进行验证,在...但是通常我们会用javascript或jQuery编写方法进行验证图片大小...
  • CSDN博客现在更改图片大小非常方便了,在链接末尾加个参数即可设置宽和高了。大概有两种形式的图片链接 链接形式一 末尾加 #=宽x高 ![图片](https://img-blog.csdnimg.cn/2019081317172622.png) ![图片]...
  • 有时候我们想在页面获取上传图片大小,很简单:var size=$("#upload")[0].files[0].size; #upload 是input 的 id。 之前在网上查过这个需求,没找到结果,问了前端的同学,也说应该做不到。所以就自己亲自调试了 ...
  • 限制上传图片大小及像素

    千次阅读 2019-08-29 14:39:19
    $('body').on('change', '#J_order_pic', function() { ...// 上传图片, 定义fileParams var fileParams = { file: null, size: 0, width: 0, height: 0 }; var source = $(this).get(0); task_ta...
  • 如何更改CSDN上传图片大小2.图片并排显示参考 1. 如何更改CSDN上传图片大小 方法一:只显示原始大小 ![图片描述](简化的url只包含数字之前,例如,https://img-blog.csdn.net/20170715113106843) 方法...
  • 控制FCK上传图片大小方法

    千次阅读 2011-07-25 18:04:13
    FCK上传图片太小或者太大,用户自己不想重新调整大小,可以在代码控制大小,让宽度固定,高度随原先的比例缩小或者放大,注:这种方法只能改变图片显示时的宽、高大小图片原来几KB,在服务器存储的就是几KB在fckeditor...
  • csdn修改上传图片大小的方法详解

    千次阅读 2018-12-14 17:57:41
    csdn上传图片时图片大小不一致,看起来不规整。 综合网上各位大神的方法,在此处整理一下: 1.点击上传图片会出现如下弹窗: 2.点击上传: 3.上传后会呈现如下效果: 4.按图示操作: 5.将原链接删除...
  • 微信小程序上传图片怎么限制大小

    万次阅读 2018-08-04 11:52:34
    最近有一个微信小程序的项目,要求是上传多张图片,数量不能超过3张 ,而且在php里因为上传图片被设置了只能上传2M,导致上传不成功,所以我在前端 设置一个函数,用了微信api(wx.chooseImage)获取图片,如果图片...
  • 上传照片大小规格限制

    千次阅读 2017-07-18 17:30:10
    上传照片大小规格限制,有两种方式。 第一种,是按照照片的宽度,高度。来进行限制 /** * Title: main * Description: 获取上传照片的长宽高 * @param args */ public static void main(String[]...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 149,399
精华内容 59,759
关键字:

怎么调整上传图片大小