传照片

在微服务架构的项目中，使用ueditor出现的问题

由 倖福魔咒の 提交于 2019-12-18 21:04:41
在微服务架构的项目中，使用ueditor出现的问题 1.ueditor上传图片功能无法使用 2.点击上传图片提示406上传错误 1.ueditor上传图片功能无法使用 在微服务架构的项目中，使用ueditor富文本编辑器第一个问题，上传单图功能无法调起 拒绝执行脚本，因为其MIME类型（‘application / json’）无法执行，并且启用了严格的MIME类型检查。 解决方法 ： 给接口添加：@ResponseBody，将接收的响应头修改为 text/javascript @RequestMapping(value = "ueditor", produces = "text/javascript; charset=utf-8") @ResponseBody public Object ueditor(MultipartFile upfile,String action,String callback){ } 至此富文本编辑器后台配置错误提示消失，上传图片接口可以成功调起 ↓ 2.点击上传图片提示406上传错误 以为成功调起上传图片功能，就完事了。突然被同事提醒，上传图片失败。 给代码打断点发现，程序运行正常并且可以返回数据，图片也存在于路径文件夹中。但是前端页面却提示，406找不到可接受的表示形式 上网找了很多方法，思考了很久都没有头绪。 终于抱着试一试的想法

小微商户进件之上传图片

由 本秂侑毒 提交于 2019-12-18 05:05:40
最近公司在开发一个项目，是从外面接回来的系统，涉及微信开发这块，由于系统已经集成了部分的微信接口，所以没有使用EasyWechat，自己手写小微商户进件功能，今天写了上传图片功能，说说我遇到的坑吧 图片上传接口 https://api.mch.weixin.qq.com/secapi/mch/uploadmedia 请求参数 用的是tp5.0框架，上传图片一开始用的是 Request : : instance ( ) - > file ( ) ; 不过不大清楚用法，打印出的数据无法获取，因此调试阶段直接采用原生写法 $file = $_FILES ; 这里个人感觉最大的坑是media参数，一直不太懂，按照文档的请求示例 请求示例： curl --cert ./apiclient_cert.pem --key ./apiclient_key.pem -F 'mch_id=1000000000' -F 'media_hash=709d1e858d2ef9d0501cc053668b2872' -F 'sign=D675A1E471DBF7C0B1AC5883B5BDA9EF' -F 'media=@test.jpg' https://api.mch.weixin.qq.com/secapi/mch/uploadmedia 我觉得media应该是要上传的文件前面加’@' $data [

七牛云图片上传

由 青春壹個敷衍的年華 提交于 2019-12-18 02:09:12
Qiniu文件改名放到v开头的文件夹里 use think\Config; vendor('Qiniu.autoload'); use think\Request; use Qiniu\Auth as Auth; use Qiniu\Storage\BucketManager; use Qiniu\Storage\UploadManager; // 图片修改 public function upload() { $id = $_REQUEST['id']; $file = request()->file('image'); // 要上传图片的本地路径 $filePath = $file->getRealPath(); $ext = pathinfo($file->getInfo('name'), PATHINFO_EXTENSION); //后缀 // 上传到七牛后保存的文件名 $key = substr(md5($file->getRealPath()), 0, 5) . date('YmdHis') . rand(0, 9999) . '.' . $ext; // 基本上传配置 $accessKey = Config::get('qiniu.accessKey'); $secretKey = Config::get('qiniu.secretKey'); // 构建鉴权对象

H5图片上传插件

由 倾然丶 夕夏残阳落幕 提交于 2019-12-16 20:33:14
基于zepto，支持多文件上传，进度和图片预览，用于手机端。 (function ($) { $.extend($, { fileUpload: function (options) { var para = { multiple: true, filebutton: ".filePicker", uploadButton: null, url: "/home/MUploadImg", filebase: "mfile",//mvc后台需要对应的名称 auto: true, previewZoom: null, uploadComplete: function (res) { console.log("uploadComplete", res); }, uploadError: function (err) { console.log("uploadError", err); }, onProgress: function (percent) { // 提供给外部获取单个文件的上传进度，供外部实现上传进度效果 console.log(percent); }, }; para = $.extend(para, options); var $self = $(para.filebutton); //先加入一个file元素 var multiple = ""; // 设置多选的参数

HTML5 图片本地压缩上传插件「localResizeIMG」

由 不羁岁月 提交于 2019-12-16 17:59:09
移动应用中用户往往需要上传照片，但是用户上传的照片尺寸通常很大，而手机的流量却很有限，所以在上传前对图像进行压缩是很有必要的。 原生应用可以直接对文件进行处理，网页应用就没有这个优势了。不过 canvas 的出现给出一条新的思路，将图像按照比例绘制到画布上，最后将绘制完成的画布以 base64 编码方式发送到服务端，再由服务端进行解析还原成图片。 由于进行处理的过程较为复杂，于是 localResizeIMG 就孕育而生了，它简化了前端压缩图片的步骤，减轻了前端工程师的工作负担。Github： https://github.com/think2011/localResizeIMG localResizeIMG 插件的优势： 　　经过大量测试，特别适合在移动设备上使用 　　会根据对应设备自动载入JS文件，节省宽带 　　基于原生 JavaScript 编写，支持 AMD 规范 localResizeIMG 的获取方式： 　　GitHub：https://github.com/think2011/localResizeIMG 　　NPM命令：npm install lrz 　　BOWER：bower install lrz ====================== 前端代码 ========================= <!DOCTYPE html> <html> <head>

wordpress自动更改上传图片名称

由 瘦欲@ 提交于 2019-12-16 03:52:24
在使用wordpres给文章内容添加图片时，尤其当遇到图片是以中文字符命名的图片上传到服务器空间后，会发现很多图片不是原来的名称了，而是一些错乱的字符，或者是数据库里的图片的名字也是乱码的。假如哪天我们需要更换空间时，需要把图片下载，这个时候可能会出现那些乱码的图片不能下载了。还有就是中文命名的图片，在数据库里存储的图片名字与原来的名字是有差别的，图片就无法正常显示了。 (1)数据库中图片标题: (2)上传的图片标题： 为了方便我们的操作与以后的维护，我们在给文章添加图片时，可以让wordpress自动更改上传图片文件名称，这时我们可以在functions里加入如下的代码: function star_wp_handle_upload_prefilter($file){ $time=date("Y-m-d"); //改名称为年月日+随机数字 $file['name'] = $time."".mt_rand(1,100).".".pathinfo($file['name'] , PATHINFO_EXTENSION); return $file; } add_filter('wp_handle_upload_prefilter', 'star_wp_handle_upload_prefilter'); (3)对比效果图： 来源： CSDN 作者： maxing128.com 链接：

layui中实现上传图片压缩

由 ￡可爱￡侵袭症＋ 提交于 2019-12-14 19:08:35
一、关于js上传图片压缩的方法，百度有很多种方法，这里我参考修改了一下： function photoCompress(file, w, objDiv) { var ready = new FileReader(); /* 开始读取指定的Blob对象或File对象中的内容. 当读取操作完成时,readyState属性的值会成为DONE,如果设置了onloadend事件处理程序,则调用之.同时,result属性中将包含一个data: URL格式的字符串以表示所读取文件的内容. */ ready.readAsDataURL(file); ready.onload = function () { var re = this .result; canvasDataURL(re, w, objDiv); } }; function canvasDataURL(path, obj, callback) { var img = new Image(); img.src = path; img.onload = function () { var that = this ; // 默认按比例压缩 var w = that.width, h = that.height, scale = w / h; w = obj.width || w; h = obj.height || (w / scale);

PHP 源生上传图片视频

由 本小妞迷上赌 提交于 2019-12-14 17:11:28
1.html<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>PHP中文网上传视频</title> </head> <body> <form action='./upload.php' method=post enctype="multipart/form-data"> <input type="hidden" name="MAX_FILE_SIZE" value="2000000000"> <input type=file name=upfile size=20> <input type=submit value='上传文件'> </form> </body> </html> 　　2.php <?php /** * PHP上传视频 */ $upfile = $_FILES['upfile']; function upload_file($files, $path = "./upload", $imagesExt = ['jpg', 'png', 'jpeg', 'gif', 'mp4']) { // 判断错误号 if (@$files['error'] == 00) { // 判断文件类型 $ext = strtolower(pathinfo(@

前端图片上传那些事儿

由 ╄→尐↘猪︶ㄣ 提交于 2019-12-13 01:39:20
前端图片上传那些事儿 本文讲的图片上传，主要是针对上传头像的。大家都知道，上传头像一般都会分成以下 4 个步骤： 选择图片 -> 预览图片 -> 裁剪图片 -> 上传图片 接下来，就详细的介绍每个步骤具体实现。 选择图片 选择图片有什么好讲的呢？不就一个 input[type=file] ，然后点击就可以了吗？确实是这样的，但是，我们想要做得更加的友好一些，比如需要过滤掉非图片文件， 或只允许从摄像头拍照获取图片等，还是需要进行一些简单配置的。 下面就先来看看最简单的选择图片： <input type="file" /> 这时候，点击这个 input , 在 iOS 手机的显示如下： 其中的 “浏览” 选项，可以查看到非图片类型的文件，这并不是我们想要的结果，毕竟我们只想要图片类型。可以通过 accept 属性来实现，如下： <input type="file" accept="image/*"> 这样就可以过滤掉非图片类型了。但是图片的类型可能也太多了， 有些可能服务器不支持，所以，如果想保守一些，只允许 jpg 和 png 类型，可以写成这样： <input type="file" accept="image/jpg, image/jpeg, image/png"> 或： <input type="file" accept=".jpg, .jpeg, .png"> OK,
订阅 传照片