上传

  • 织梦dede上传图片提示缺少图像源文件地址

    dedecms织梦后台编辑器里上传图片提示“缺少图像源文件地址” 有以下原因引起 1. 你的网站uploads文件夹没有写入权限 2.php.ini里的upload_tmp_dir没有自定义路径,或者自定义的路径没有写入权限;你也可以切换个PHP版本 (此图片来源于网络,如有侵权,请联系删除! ) 3. 上传的图片文件过大,超过了php.ini里的post_max_size和upload_max_filesize限制的上传大小 下图是phpstudy软件的设置上传大小,其他软件各自去找到来修改即可。

    2021年6月18日
    0 0 0
  • Node.js断点续传的实现

    前言 平常业务需求:上传图片、Excel等,毕竟几M的大小可以很快就上传到服务器。 针对于上传视频等大文件几百M或者几G的大小,就需要等待比较长的时间。 这就产生了对应的解决方法,对于大文件上传时的暂停、断网、网络较差的情况下, 使用切片+断点续传就能够很好的应对上述的情况 方案分析 切片 就是对上传视频进行切分,具体操作为: File.slice(start,end):返回新的blob对象 拷贝blob的起始字节 拷贝blob的结束字节 断点续传 每次切片上传之前,请求服务器接口,读取相同文件的已上传切片数 上传的是新文件,服务端则返回0,否则返回已上传切片数 具体解决流程 该demo提供关…

    Javascript 2021年6月11日
    0 4 0
  • 织梦dede后台缩略图本地上传图片加水印

    dedecms织梦后台添加文章时,缩略图有本地上传和站内选择,就算你开启了水印,本地上传按钮上传的图片还是没有自动加水印的,而站内选择默认会帮你勾选了水印。 这就需要我们手动来给它也开启一下。 1、打开 /dede/archives_do.phpdede为你的后台目录,找到 AdminUpload(‘litpic’, ‘imagelit’, 0, false ); 改成 AdminUpload(‘litpic’, ‘imagelit’, 0, true ); 2、打开 /include/helpers/upload.helper.php 找到 if($ftype==’image’ &&…

    技术文章 2021年6月9日
    0 3 0
  • HTML5拖拽文件上传的示例代码

    上传文件 HTML5新增了文件API,提供客户端本地操作文件的可能. 我们可以通过file表单或拖放操作选择文件,还可以通过JavaScript读取文件的名称、大小、类型、和修改时间. file类型的input表单新增了files属性,保存我们上传文件的信息,如果要实现多文件上传,可以设置input的multiple属性. 可以使用accept属性规定文件上传的MIME类型 例如’image/jpeg’ <form action=”#”> <div class=”form-group”> <label for=”input_1″>请选择文件</labe…

    HTML5 2021年6月2日
    0 4 0
  • Html5 new XMLHttpRequest()监听附件上传进度

    本文主要介绍new XMLHttpRequest()监听附件上传进度,解决优化loading长时间加载,用户等待问题 一、存在问题 经测试发现,new XMLHttpRequest()在附件上传请求中,WIFI关闭切4G上传,上传进度不会持续;4G不关闭打开WIFI会继续上传,但等待时间过长,实际上是4G在上传,倘若关闭4G网络,上传进度终止。 二、相关代码 2.1 HTML <div class=”process-wrapper” id=”processWrap”> <div class=”process-face”></div> <img clas…

    HTML5 2021年6月2日
    0 4 0
  • 织梦无法上传ico图标格式文件的解决方法

    织梦默认只允许上传 jpg,gif,png 格式的图片文件,如果想要上传ico图标格式文件或者其他格式图片文件需要做如下几步 1.后台-系统-系统基本参数-附件设置-图片浏览器文件类型 添加 |ico 如图,注意有个|竖线 (此图片来源于网络,如有侵权,请联系删除! ) 2.打开 /include/dialog/select_images_post.php 找到 大概在44行 $sparr = Array(“image/pjpeg”, “image/jpeg”, “image/gif”, “image/png”, “image/xpng”, “image/wbmp”); 改成 $sparr =…

    2021年5月29日
    0 3 0
  • Html5 canvas画图白板踩坑

    最近接手了一个小型的H5,最主要的功能大概就是拍照上传和canvas画板了。 主要是记录一下自己菜到像傻子一样的技术。 1、canvas画板隔空打牛!画布越往上部分错位距离越小,越往下距离越大。 2、图片上传!白板涂鸦的内容是以base64的形式传给后端工程师的,图片上传的图片是路径,后端要求统一格式,所以需要把路径转为base64。 3、算是谷歌的限制,前端发起请求后端可以收到,也给了返回值,但前端在浏览器里看不到返回值。 就上面的问题做个记录。把我的解决办法记录一下,不是最优的还有可能是错误的,如果你看到能碰撞出你的想法或者暂时帮到你那就太好了,如果没有也希望得到你的帮助,一起加油! 先说…

    HTML5 2021年5月29日
    0 4 0
  • 织梦后台缩略图本地上传图片加水印

    dedecms织梦后台添加文章时,缩略图有本地上传和站内选择,就算你开启了水印,本地上传按钮上传的图片还是没有自动加水印的,而站内选择默认会帮你勾选了水印。 这就需要我们手动来给它也开启一下。 1、打开 /dede/archives_do.phpdede为你的后台目录,找到 AdminUpload(‘litpic’, ‘imagelit’, 0, false ); 改成 AdminUpload(‘litpic’, ‘imagelit’, 0, true ); 2、打开 /include/helpers/upload.helper.php 找到 if($ftype==’image’ &&…

    技术文章 2021年5月27日
    0 3 0
  • 织梦上传图片时提示:ERROR: Copy Uploadfile Error!

    今天在织梦后台上传图片弹出窗口提示:ERROR: Copy Uploadfile Error! (此图片来源于网络,如有侵权,请联系删除! ) 大概意思是:错误显示:拷贝(复制)上传文件出错!仔细排查后发现,网站根目录下没有uploads这个文件夹,这才想起这个站是新复制的一个站,因原站的uploads文件夹太大,所以这个文件夹就没有复制过来。在网站根目录下新建名为uploads的文件夹,再上传还是提示这个错误,经查,里面还有一个allimg目录没新建,创建后,上传正常了。为了安全起见,建议直接下载新的织梦程序。把uploads这个文件夹打包上传。 有时网站根目录有这个附件文件夹还是出现这个问…

    2021年5月25日
    0 5 0
  • html5使用canvas压缩图片的示例代码

    前俩天做了一个图片转base64上传的功能,发现如果图片的base64过大的话,请求会变的很慢,严重的直接超时了,所以想到了在上传前压缩一下图片,然后再上传到后台,这样可以大大的提高效率,在这里记录一下利用 canvas 压缩图片遇到的几个坑。完整代码会在文末给出。 第一个坑,在压缩图片的时候没获取图片本身的宽高,给了一个 600*480 的定宽定高,因为是手机端的,在上传图片的时候都是几兆的图片,所以这块没任何问题。出问题的地方在 修改头像的时候,测试的时候上传的图片都是小图片,然后就出现了 压缩后的图片显示不完全,大部分都是空白的现象,这就是因为在压缩的时候没有考虑图片原本的宽高的情况。 …

    HTML5 2021年5月20日
    0 4 0
  • html5实现多图片预览上传及点击可拖拽控件

    在做图片上传时发现一个蛮好用的控件,支持多张图片同时上传,可以点击选择图片,也可以将图片拖拽到上传框直接上传,方便,好用,接口也简单,基本可以直接放到项目里使用。 先看看他的样式: 选择图片后: $(function(){ // 初始化插件 $("#demo").zyUpload({ width : "650px", // 宽度 height : "400px", // 宽度 itemWidth : "120px", // 文件项的宽度 itemHeight : "100px", // 文件项的…

    HTML5 2021年5月17日
    0 5 0
  • Html5实现文件异步上传功能

    1 简介 开发文件上传功能从来不是一件愉快的事,异步上传更是如此,使用过iframe和Flash的上传方案,也都感觉十分的别扭。本文简要简绍利用Html5的FormData实现文件的异步上传,还可以实现上传进度条和文件大小验证等。服务端使用springMVC的方案进行处理。 2 Html代码 <form id="myForm"> <input type="file" id="u_photo" name="u_photo" /> <input type="button&quot…

    HTML5 2021年5月11日
    0 4 0
  • HTML5实现文件断点续传的方法

    HTML5的FILE api,有一个slice方法,可以将BLOB对象进行分割。前端通过FileList对象获取到相应的文件,按照指定的分割方式将大文件分段,然后一段一段地传给后端,后端再按顺序一段段将文件进行拼接。 断点续传原理 目前比较常用的断点续传的方法有两种,一种是通过websocket接口进行文件上传,另一种是通过ajax,两种方法各有千秋,虽然websocket听起来比较高端些,但是除了用了不同的协议外其他的算法基本上都是很相似的,并且服务端要开启ws接口,这里用相对方便的ajax来说明断点上传的思路。 说来说去,断点续传最核心的内容就是把文件“切片”然后再…

    HTML5 2021年5月9日
    0 4 0
  • HTML5+WebSocket实现多文件同时上传的实例

    在传统的HTTP应用上传文件想要同时上传多个文件并查看上传进度是一件很麻烦的事情,当然现在也有一些基于SWF的文件上传组件提供这种的便利性.到了HTML5下对文件的读取和上传的控制方面就非常灵活,HTML5提供一系列的AIP进行文件读取,包括计取文件某一块的内容也非常方便,结合Websocket进行文件的传输就变得更加方便和灵活.下面通过使用HTML5结合websocet简单地实现多文件同时上传应用. 实现功能 大概预览一下需要做的功能: 主要功能是用户可以直接把文件夹的文件直接拖放到网页中,并进行上传,在上传的过程中显示上传进度信息. FileInfo类封装 为了方便读取文件信息,在原有Fi…

    HTML5 2021年5月9日
    0 3 0
  • 使用spring mvc+localResizeIMG实现HTML5端图片压缩上传的功能

    最近在做一个移动端HTML5的应用,使用到了上传功能,起初使用传统的上传方式上传手机拍照的照片,由于手机拍照出来的照片一般都是好几MB,所以上传速度是非常慢的。 在网上找了很久找到了localResizeIMG压缩框架,感觉非常的实用,所以在此分享给大家。 第一步:下载localResizeIMG localResizeIMG放在github中的,地址是:https://github.com/think2011/localResizeIMG。 第二步:在web工程中导入localResizeIMG相关js 解压localResizeIMG压缩吧,把目录中的dist文件夹拷贝到工程中,我的是放在…

    HTML5 2021年5月9日
    0 4 0