传照片

上传图片报错

隐身守侯 提交于 2019-12-01 06:49:51
浏览器显示 A server error occurred. Please contact the administrator. linux终端显示 [-] Error: 111 connect to 192.168.137.130:22122. Connection refused. [-] Error: 111 connect to 192.168.137.130:22122. Connection refused. [-] Error: 111 connect to 192.168.137.130:22122. Connection refused. [-] Error: 111 connect to 192.168.137.130:22122. Connection refused. [-] Error: 111 connect to 192.168.137.130:22122. Connection refused. [-] Error: 111 connect to 192.168.137.130:22122. Connection refused. [-] Error: 111 connect to 192.168.137.130:22122. Connection refused. [-] Error: 111 connect to 192.168.137.130

点击div上传图片,在img中预览

强颜欢笑 提交于 2019-12-01 02:47:08
template部分 <div v-if="!form.imgVal" class="ad-img-wrap" @click="changeImageHandler"> <span class="iconfont iconjiahao"></span> </div> <img v-else class="ad-img-wrap" :src="form.imgVal" alt="" accept="image/*"> <input type="file" @change="changeImgHandler($event)" ref="adImg" style="display: none;" accept="image/*"> script部分 data(){ return{ form:{ imgVal: null } } } methods:{ changeImageHandler () { this.$refs.adImg.dispatchEvent(new MouseEvent('click')) }, changeImgHandler (e) { let fileName = this.$refs.adImg.value let list = fileName.split('.') let type = list[list.length - 1] let flag =

ckeditor ——在图片上传中上传其他文件(word等)

烂漫一生 提交于 2019-12-01 01:54:59
最近项目中遇到需要用富文本编辑文档,最终以公告的形式在内网中展示,其中一个简单的要求就是要有附件。因为知道ckeditor是有图片的上传了,于是想是不是也可以上传如word,pdf等附件呢。这样内网展示的时候可以直接点击下载了。基于这个想法我做了一些尝试和测试,觉得还是可以实现的。虽然在简单实现后,因为需求的调整,这个方案没有最终使用,但是我还是觉得有必要记录下来。也许以后用的到,也许也有人有这个想法而没有思路呢~~ 我的项目使用MVC模式,前端是基于bootstrap的、免费开源UI框架,ckeditor的版本是4.3.1~~~废话不多说,直接上代码吧! 以下是html的ckeditor显示代码: <div class="form-group"> <label for="" class="col-sm-2 control-label">内容</label> <div class="col-sm-10"> @Html.EditorFor(m => m.MultMsgContent, new { htmlAttributes = new { @class = "form-control", placeholder = "内容" } }) @Html.ValidationMessageFor(m => m.MultMsgContent, "", new { @class = "text

Flutter 上传图片一直不成功

穿精又带淫゛_ 提交于 2019-11-30 22:03:18
公司最近开了新项目,使用flutter开发app。 其中有一个功能是把当前带有二维码的页面分享到微信中。 微信分享图片的接口需要传一个图片的url地址,页面上的二维码是动态生成的,所以需要先对页面截图再上传服务器,拿到返回的图片地址再进行分享。 整个流程一直到上传服务器的部分卡住了,上传接口一直报 “Content size exceeds specified contentLength on formdata upload”。 百度搜了这个报错信息,没有发现靠谱的回答,搭上梯子去墙外搜了一下,在dio这个包的github上发现了相同的issue,尝试了其中提到的几个方法:把dio的版本降到2.1.3,没能解决,想把版本升到3.0以上,但是项目的flutter版本不支持。 回复信息提到 var t= await formData.asBytesAsync(); // Stream size. print(formData.length==t.length); // Should be `true` If formData.length is not equal to t.length , please upload the "audio.m4a" and I'll help you to check it. 于是我也试了试我代码中的这2个值是否相等,结果就能正常上传了。

springmvc图片上传、json

喜你入骨 提交于 2019-11-30 19:38:59
springmvc的图片上传 1.导入相应的pom依赖 <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.3</version> </dependency> 2.添加springmvc-servlet.xml里面的配置 <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- 必须和用户JSP 的pageEncoding属性一致,以便正确解析表单的内容 --> <property name="defaultEncoding" value="UTF-8"></property> <!-- 文件最大大小(字节) 1024*1024*50=50M--> <property name="maxUploadSize" value="52428800"></property> <!--resolveLazily属性启用是为了推迟文件解析,以便捕获文件大小异常--> <property name="resolveLazily" value="true"/> </bean>

使用feign上传图片

前提是你 提交于 2019-11-30 18:42:10
1.添加依赖,支持SpringEncoder <dependency> <groupId>io.github.openfeign.form</groupId> <artifactId>feign-form</artifactId> <version>3.4.1</version> </dependency> <dependency> <groupId>io.github.openfeign.form</groupId> <artifactId>feign-form-spring</artifactId> <version>3.4.1</version> </dependency> 2.将SpringFormEncoder的默认处理encoder配置为SpringEncoder @Configuration public class FeignMultipartSupportConfig { @Bean public Encoder multipartFormEncoder(ObjectFactory<HttpMessageConverters> messageConverters) { return new SpringFormEncoder(new SpringEncoder(messageConverters)); } } 3.编写client @FeignClient

leyou_06_图片上传至FastDFS

让人想犯罪 __ 提交于 2019-11-30 16:46:07
1. 推荐一个开源的FastDFS客户端,支持最新的SpringBoot2.0。配置使用极为简单,支持连接池,支持自动生成缩略图   1.1 在文件上传的微服务中 引入依赖 <dependency> <groupId>com.github.tobato</groupId> <artifactId>fastdfs-client</artifactId> <version>1.26.2</version> </dependency>      1.2引入配置启动类 @Configuration @Import(FdfsClientConfig.class) // 解决jmx重复注册bean的问题 @EnableMBeanExport(registration = RegistrationPolicy.IGNORE_EXISTING) public class FastClientImporter { }      1.3配置Fast的属性 fdfs: so-timeout: 1501 connect-timeout: 601 thumb-image: # 缩略图 width: 60 height: 60 tracker-list: # tracker地址 - 192.168.56.101:22122      1.4测试(测试的包名要和java中的包名一致哦) @RunWith

js图片上传 的方法

*爱你&永不变心* 提交于 2019-11-30 16:01:11
先规划出框架 <div id="AQA" style="width:300px; height:200px; background-color:aquamarine; text-align:center;margin-left:300px; line-height:200px;" onclick="UpLode()"> // 设置一个ID 为AQA 调节一下框架的大小 在设置一个onclick点击事件 <span><i class="glyphicon glyphicon-open"></i>上传图片</span> </div> 在添加一个隐藏的Input <input id="fil" onchange="GetFile()" type="file" style="display:none"/> // 给Input设定一个ID 在添加一个onchang触发的事件 display:none为隐藏 将Input隐藏起来 然后再写JS方法 格式为; <script type="text/javascript"> function UpLode() { //触发Fil的 点击事件 $("#fil").trigger("click"); } //图片上传后onchang触发的事件 function GetFile() { debugger; //2 取上传后图片的值 //event

jquery常用的插件1000收集

放肆的年华 提交于 2019-11-30 14:05:17
花N长时间积累的Jquery插件,希望大家喜欢。大家还有什么新的插件,请留言,我们一并收录。 感谢大家的支持。 1. accordion类 基于jQuery开发,非常简单的水平方向折叠控件。 Horizontal accordion: jQuery 热点图书:www.hotbook.cn jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion。 jQuery-Horizontal Accordion jQuery plugin: Accordion 用于创建 折叠菜单的jQuery插件。 jQuery plugin: Accordion 热点图书:www.hotbook.cn Accordion Menu script 基于 jQuery开发的可折叠菜单。 Accordion Menu script 热点图书:www.hotbook.cn jQuery.combobox jQuery.combobox 是一个采用jQuery开发的combobox控件,可以使用CSS控制该combobox的外观,可以设置各种不同风格的下拉动画效果。 jQuery.combobox 热点图书:www.hotbook.cn 2. AutoComplete jQuery插件易于集成到现在的表单中(Form)。 AutoComplete