有没有人使用Dropzone这个插件上传图片被打横了？

郭R 2019-08-09 02:06:33

有没有人使用Dropzone这个插件上传图片被打横了？

我后端用的是PHP，上传图片后会保存一个原图片文件，另外再重新一个缩略图。但是这两天突然发现当我上传手机竖拍的图片时，上传上去的原图片没问题，但是缩略图被90度旋转了，然后在我前端变成打横显示。我检查了所有PHP代码都没有问题，后来发现是Dropzone搞的鬼，

当我用Dropzone添加图片后，我还没执行上传操作，它显示出来的缩略图就已经是打横的了，查了官方文档没有这个配置选项，有大神帮忙看看怎么解决吗？

Dropzone上传截图(还没执行上传操作，只是添加进队列了)

上传完成后，在前端页面显示

上传后的主图

上传后的缩略图

...全文

191 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

郭R 2019-08-09

打赏
举报

回复

http://wxb.github.io/dropzonejs.com.zh-CN/dropzonezh-CN/# 这是Dropzone的中文说明文档

凯里博客个人博客系统 Kyrie Blog是由SpringBoot1.5 + MyBatis + Thymeleaf等技术实现的个人网站，如果觉得项目不错，请帮忙Star支持一下。适用对象 Spring Boot初学者。该博客系统综合运用了作者发表的《 Spring Boot入门》系列的文章引用的知识内容，初学者可以阅读文章以及结合该项目学习。与作者一样，使用hexo但苦于没有后台管理工具（界面）管理文章的写作者。该博客系统模仿hexo生成的访问路径，并支持markdown文件导入功能。懂者。初次接触博客系统的人。技术栈初步核心框架：SpringBoot 持久层框架：MyBatis 模板框架：胸腺分页插件：PageHelper 缓存框架：Ehcache 降价：Commonmark 前端 JS框架：Jquery CSS框架：Bootstrap 富文本编辑器：editor.md 文件上传：dropzone 弹框插件：sweetalert 第三方七牛云（文件上传）百度统计预览效果前端效果初步效果安装下载原始代码，执行sql文件，然后修改application

在项目中需要用到上传文件的插件先后都使用过这三个上传插件；现在对这3个插件进行个人分析与建议供大家参考； dropzone 下载地址：https://github.com/enyo/dropzone/ 特点：1.兼容Firefox、chrome、Safari、IE10（低版本则采用传统的input file） 2.可以一次上传多个文件，可点击可拖

先看一下预览图效果，然后下边有关于Dropzone.js 的官方文档，很详细的一篇文档官方文档：http://www.dropzonejs.com/ 安装你可能只需要看看简单的例子(源代码)就能开始了。然后继续阅读下面的一步步的指示和不同的安装方法。下载独立的dropzone.js文件。然后这样引入到html中： <script src="./path/to/dr...

官网地址:http://www.dropzonejs.com/ 一,它是什么: DropzoneJS is an open source library that provides drag'n'drop file uploads with image previews. 它是一个开源的带图片预览的可拖拽上传图片的插件. 它具有轻量.不依赖其他库(诸如jQuery)的特点,同时很方便自定义. 二,...

当它是关于开发网络应用程序和网页的时候，文件上传功能的重要性是不容忽视的。一个文件上传功能可以让你上传所有类型的文件在网站上，包括视频，图像，文件和更多。创建一个文件上传功能，对你的网站是不是很难，有一点点的理解和一些代码，你可以自己做的。然而，它不再只是简单地将图像上传到托管服务器上。有一个额外的功能，这些都需要这些天。例如，当用户正在上载文件时，他可能会立即看到文件信息，包括预览。等特色种

21,893

社区成员

140,347

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章