传照片

关于上次图片上传的博客。有朋友问到工具类！PropertiesUtil

由 匿名 (未验证) 提交于 2019-12-03 00:25:02
package com . cxlm . card_god . cardgod_web . utils ; import org . slf4j . Logger ; import org . slf4j . LoggerFactory ; import java . io . IOException ; import java . io . InputStream ; import java . util . Properties ; /** * Created by Mr.LuoShiDa on 2018/3/1. */ /** * Desc:properties文件获取工具类 * Created by Mr.LuoShiDa on 2018/3/1. */ public class PropertiesUtil { private static final Logger logger = LoggerFactory . getLogger ( PropertiesUtil . class ); /*** * 根据文件名、key读取value * @param propertiesName * @param key * @return * @throws Exception */ public static String getProperty ( String

如何使用第三方控件上传图片？

由 匿名 (未验证) 提交于 2019-12-03 00:22:01
第一步下载，commons-fileupload-1.2.2.jar和commons-io-2.4.jar 建议在API中参考使用到的类和接口 将jar导入项目中（WEB-INF/lib） 修改添加新闻的页面newsDetailCreateSimple.jsp，把表单提交到doAdd.jsp 注意： 在doAdd.jsp中提取表单提交的新闻相关字段，并保存上传的文件，实现新闻的保存功能 注意： 1.需要在doAdd.jsp中导入需要的包 <%@pageimport="java.io.*,java.util.*,org.apache.commons.fileupload.*"%> <%@pageimport="org.apache.commons.fileupload.disk.DiskFileItemFactory"%> <%@page import="org.apache.commons.fileupload.servlet.ServletFileUpload"%> 请复制素材中的doAdd.jsp 2.在newsDetailList.jsp中点击“增加”打开newsDetailCreateSimple.jsp页面； 如何查看新闻详情 “新闻标题”链接到newsDetailView.jsp并传递新闻Id参数，用以查看指定Id的新闻详情。 3.修改Dao和Service相关的类

flask实现图片上传

由 匿名 (未验证) 提交于 2019-12-03 00:21:02
flask实现图片上传 前端调用接口，进行访问：在js文件下，ajax去访问地址 注意 ：上面是一个需要提交内容的form，通常情况下，我们直接通过form提交的话， 提交后当前页面跳转到form的action所指向的页面。然而，很多时候我们比不希望提交表单后页面跳转，那么，我们就可以使用ajaxSubmit(obj)来提交数据。 $( '#form-name' ).submit( function () { $(this).ajaxSubmit({ # 访问后端的接口 url: '/house/images/' , # 请求的方式 type: 'POST' , # 数据的类型 dataType: 'json' , # 请求成功，进行的操作 success: function (data) { if (data.code == '200' ){ } }， # 请求失败进行相应的操作 error: function (data) { alert(data.msg) } }) }) flask后台相应的接口 @house_blueprint.route('/images/', methods=['POST']) def newhouse . images () : # 获得图片(images:<FileStorage: 'wa.jpg' ('image/jpeg')>) images

bug记录：图片上传至后台后，方向发生改变

由 匿名 (未验证) 提交于 2019-12-03 00:19:01
最近做了一个植物展示平台，用户可以按多种方式检索植物信息。也可以自己上传植物图片及信息。 平台运行一段时间后，接到客户反馈，部分图片上传后方向发生了翻转。 我： 后台是用php写的，文件上传过来就重命名为 MD5+原文件名 的形式，没有其他任何特殊操作。 遂拿出问题的图片研究研究。发现在我笔记本上显示正常，上传后网页端显示横向，在服务器（Windows Server 2008）上查看图片也是横向的。对比上传前后图片的MD5也完全一致。 图片直接用浏览器打开显示正常： 在html中加载显示异常： <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < title > Title </ title > </ head > < body > < img src = "file://C:\Users\user\Desktop\09a4d981088fe14f4150056c38044592.png" alt = "" > </ body > </ html > 这是候就想到应该是图片的问题了，于是去查了下资料。果然， 数码相机或手机拍摄的图片，如果拍照时，手持方式不是上下端正的方向，尽管在设备中看到的图片是上下端正的，但是其实图片是翻转或者倾斜的。 在电脑上查看图片时，尽管图片实际方向是横向的

bug记录：图片上传至后台后，方向发生改变

由 匿名 (未验证) 提交于 2019-12-03 00:18:01
最近做了一个植物展示平台，用户可以按多种方式检索植物信息。也可以自己上传植物图片及信息。 平台运行一段时间后，接到客户反馈，部分图片上传后方向发生了翻转。 我： 后台是用php写的，文件上传过来就重命名为 MD5+原文件名 的形式，没有其他任何特殊操作。 遂拿出问题的图片研究研究。发现在我笔记本上显示正常，上传后网页端显示横向，在服务器（Windows Server 2008）上查看图片也是横向的。对比上传前后图片的MD5也完全一致。 图片直接用浏览器打开显示正常： 在html中加载显示异常： <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < title > Title </ title > </ head > < body > < img src = "file://C:\Users\user\Desktop\09a4d981088fe14f4150056c38044592.png" alt = "" > </ body > </ html > 这是候就想到应该是图片的问题了，于是去查了下资料。果然， 数码相机或手机拍摄的图片，如果拍照时，手持方式不是上下端正的方向，尽管在设备中看到的图片是上下端正的，但是其实图片是翻转或者倾斜的。 在电脑上查看图片时，尽管图片实际方向是横向的

小程序嵌套网页上传图片功能

由 匿名 (未验证) 提交于 2019-12-03 00:11:01
由于纯网页上传图片小程序会闪退，就采用了小程序原生的上传功能wx.uploadfile 处理流程： 1.网页需要跳转到小程序 需要引用 <script src='https://res.wx.qq.com/open/js/jweixin-1.3.0.js'></script> wx.miniProgram.navigateTo({ url: '/pages/uploadImg/uploadImg?para=' + para }) 2.小程序上传页面（上传完成图片后，再跳转回来，并把参数传到网页）， 这儿代码有点多，有需要的可以找我要，qq:752095000 3.小程序再跳转到网页，保存图片地址 <web-view src="{{backUrl}}"></web-view> 4.记得添加配置域名 来源：博客园 作者： @淡然一笑@ 链接：https://www.cnblogs.com/zhouguomao/p/11585699.html

关于微信企业号上传图片填坑记录

由 匿名 (未验证) 提交于 2019-12-03 00:11:01
功能说明 给公司的企业号其中一个页面添加上传图片功能。通过使用微信JSSDK，来实现调用微信客户端以获取一张照片或图片，并上传所选图片到后台服务器。 语言：Asp.net 第一步，引入微信JSSDK文件，<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>。目前最高1.6.0，但是后面说的问题依然存在。 第二步，注册要使用的接口，见 https://work.weixin.qq.com/api/doc#90000/90136/90495 　　　　　 //获取注册接口，参数请查看wx.config的说明 https://work.weixin.qq.com/api/doc#90000/90136/90515　　　　　$.ajax({ type : "GET" , dataType : "json" , url : "/WeixinCorp/WXCorpJSSDK.ashx" , data : { "url" : window . location . href }, success : function ( json ) { if ( json . result ) { wx . config ({ debug : false , appId :

base64图片上传

由 匿名 (未验证) 提交于 2019-12-03 00:11:01
ͼƬת base64 字符串网站： http : //imgbase64.duoshitong.com/// 前缀，比如data:image/jpeg;base64,String prefix = imgBase64.substring(0, imgBase64.indexOf(",") + 1);// 替换前缀为空imgBase64 = imgBase64.replace(prefix, "");byte[] bytes = new BASE64Decoder().decodeBuffer(imgBase64);InputStream inputStream = new ByteArrayInputStream(bytes);//处理inputStream...... 来源：博客园 作者： 惊艳了时光 链接：https://www.cnblogs.com/jylsgup/p/11565762.html

Vue之富文本tinymce爬坑录

由 匿名 (未验证) 提交于 2019-12-03 00:10:02
前言 最近因业务需求在项目中嵌入了 tinymce 这个富文本编辑器，用于满足平台给用户编辑各类新闻内容什么的业务需求，前后也花了不少时间体验和对比了市面上各类开源编辑器。 *案例demo版本： vue-tinymce-demo 在线预览： vue-tinymce-demo.netlify.com/#/ 各大WYSIWYG编辑器的简单比较 1、UEditor 因为已经不再维护了，需要大量修改源码，很多都是专门为jsp等服务器渲染项目写的代码需要删除， 然后越删越害怕越删越不敢用，依赖 jquery ，需要专门用js去parse编辑完成的内容，parse完的内容还可能污染全局css，兼容老浏览器还不错， 但是，我们不怎么考虑兼容IE。所以，告辞。 2、wangEditor 中文文档，上手快，依赖 jquery ，功能少点要花时间去写插件，需要单独为图片上传功能写个接口，老项目忙着上线临时用过，感觉并不适合当前业务这么重的编辑功能于是放弃了。 3、Quill api友好, 功能少，需要特定的css去解析文本（这点我不大喜欢），ui好看，适合作为论坛回帖功能使用。 4、CKEditor CKEditor目前主流的还是 4.x 的版本，但是文档看着很瞎眼实在是提不起兴致去配置，草草用了下就放弃了， 5.x 版本刚从beta结束，需要指定专门的node以及npm版本
订阅 传照片