在tp下umeditor上传图片成功,预览失败

author author     2022-09-03     187

关键词:

我的是tp3.2  上传编辑器图片时候处理的图片的类用的是UM自带的imagUp.class.php,

将UMeditor1.2.2放到  shop/Public/statics/下面

技术分享

在上传图片的时候图片显示

技术分享

用bug工具查看显示图片路径少了shop(项目根路径)

需要修改UM的配置文件umeditor.config.php

修改  ,imagePath:‘/shop/Upload/image/umeditor/‘ 

<?php
 window.UMEDITOR_CONFIG = {

        //为编辑器实例添加一个路径,这个不能被注释
        //    /shop/Public/statics/umeditor1_2_2/
        UMEDITOR_HOME_URL : URL

        //图片上传配置区   /shop/Public/statics/umeditor1_2_2/php/imageUp.php
        ,imageUrl:URL+"php/imageUp.php"             //图片上传提交地址
        ,imagePath:‘/shop/Upload/image/umeditor/‘                     //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置     (此处可看成文件预览的路径 而imageUp.php的$path是 ../../../../Upload/image/umeditor/ )
        ,imageFieldName:"upfile"                   //图片数据的key,若此处修改,需要在后台对应文件修改对应参数
}

?>

 

关于umeditor粘贴图片自动上传

Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧?Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是... 查看详情

umeditor实现ctrl+v粘贴word图片并上传

​这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下)<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@& 查看详情

aspkindeditor批量上传图片本地测试成功在服务器上上传失败

参考技术A可能是路径问题,在配置文件upload_json.php中 查看详情

在angular项目下使用umeditor

  Umeditor是百度旗下的开源富文本编辑器项目,目前用于百度贴吧,是ueditor的迷你版本。  公司的Angular后台管理项目需要上传一些新闻,用Umeditor十分适合。但是目前官方只提供Jsp,Asp,Php和.net版本,也就是说只支持一般... 查看详情

前端图片预览,上传前预览,兼容ie7891011,firefox,chrome

...的Web开发中不可避免的会做一个图片预览的功能,比如在上传图片的情况下,一个很简单的办法就是讲图片上传至服务器之后,再将文件的URL返回回来,然后异步通过这个URL加载刚刚上传的图片,实现图片的预览,很明显的在这... 查看详情

tp6开启路由完全匹配怎么访问static目录下的静态资源?

restfull风格的接口多应用模式要做个图片上传,上传成功后图片储存在public/static目录下怎么从外部访问目录下的图片参考技术A设置一个接口来访问这些图片资源,读取图片二进制数据转base64在输出到前端 参考技术Btp6开启路由... 查看详情

3分钟上手js中的filereader对象(实现上传图片预览)

参考技术A详见原文:https://www.cnblogs.com/LO-gin/p/6817319.html方法一:使用js的FileReader对象1、FileReader对象简介检测浏览器对FileReader的支持调用FileReader对象的方法FileReader的实例拥有4个方法,其中3个用以读取文件,另一个用来中断读... 查看详情

umeditor上传图片相对路径的设置和保存(代码片段)

此篇文章仅献给已实现百度富文本编辑器,想要设置相对路径并保存到数据库,方便以后项目迁移。使用的版本为1.2.3,适用图片上传中点击以及拖拽功能。//保存图片相对地址的设置       //1.请修改Uplo... 查看详情

ckeditor+ckfinder,上传图片成功,图片链接正确,但是无法显示,请问怎么回事?

使用快速上传功能上传图片成功,并且图片链接正确,浏览服务器能看到图片,但是在“图象”标签的“预览”那里显示不出来,也读不出尺寸,确定后,编辑窗口什么也没有,但是“源码”模式能看到图片链接,但是无法显示... 查看详情

ie8环境下的上传图片预览(代码片段)

...一个需要在IE浏览器上使用的信息录入项目,遇到了图片上传预览的问题,找了一些资料,最后使用了IE自带的滤镜做到了<!--HTMLIE8不支持opacity,只能使用双层,一层背景半透明,一层提示信息,而后在单击遮罩层的时候去模拟f... 查看详情

我也不知道这算不算bug了,单纯记录,没别的意思,图片是上传在慕课网的,所以预览不了。。0.0

无意发现慕课网修改个人签名功能性bug修改个人签名失败的问题图片经过测试,像这样两行文字中间有换行的话,保存会提示error,如图:图片而如果不换行,就能成功:图片图片浏览器用的Chrome0.0可能是慕课网不允许这样操作... 查看详情

kindeditor上传图片时候,上传成功了,但是页面上却提示失败

今天尝试着kindeditor做一个上传demo,碰到了一个日狗的问题,百度谷歌都没有答案,最后查看源码才发现问题所在,记录一下,福利大众。碰到问题如下,图片后台明明上传成功了,返回信息也是正确的,却提示上传失败。百思... 查看详情

在tp里面怎么使用unlink函数删除上传的图片文件?

参考技术A使用unlink321函数删除上传的图片步骤如下:1、新建一个321.php,添加php的界定符(<?php?>)。注意申明PHP与浏览器交互的文件类型和编码:2、注意:参考unlink函数的作用:删除文件,语法结构如图所示:3、定义一个$fil... 查看详情

tp5.0整合七牛云图片上传

这里以上传图片为例上传其他文件也是大同小异使用composer安装gmars/tp5-qiniu安装成功则在vendor目录下多出一个目录这个目录含有整合七牛云的所有类包等文件控制器中添加upload方法publicfunctionupload(){if(request()->isPost()){$qiniu=newgmar... 查看详情

图片预览后热自动上传图片到服务器

】图片预览后热自动上传图片到服务器【英文标题】:Hottouploadimageautomaticalyafterimagepreviewtoserver【发布时间】:2019-06-0111:44:11【问题描述】:在jquery中成功预览图像到我的服务器后,我无法上传我的图像。它表明文件未在form.appen... 查看详情

图片上传器小部件未预览所选图片

】图片上传器小部件未预览所选图片【英文标题】:Imageuploaderwidgetisnotpreviewingselectedimage【发布时间】:2016-06-1115:05:20【问题描述】:我一直在尝试为WordPress开发一个图像小部件插件,并且由于以下代码,我几乎成功地做到了:&... 查看详情

图片上传预览(代码片段)

图片上传后怎样将上传的图片显示到上传框内上传图片的方法链接为:https://www.cnblogs.com/yutang-wangweisong/p/12076484.html做完以上方法后你会发现上个个方法的Input框内会有个onchange="GetFile()"方法调用 上传图片后会立即触发这个onch... 查看详情

wangeditor.cmd.do()在ie11插入图片失败的解决办法

参考技术A我原本按照官方文档的写法,在图片上传成功的回调里面将图片插入富文本框在ie11下图片上传成功了,但是图片插不进去。我去查了下源码,发现他其实是通过document.execCommand()去执行的。这里传的参数是insertHTML,ie不... 查看详情