在tp下UMeditor上传图片成功，预览失败

我的是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,若此处修改，需要在后台对应文件修改对应参数
}

?>

时间： 2024-10-10 12:39:14

在tp下UMeditor上传图片成功，预览失败的相关文章

2016/4/19 ①单个文件上传 ②上传图片后预览图片

1,f1.php <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body>  <form action="f1chuli.php&q

前一篇文章可以看到对jquery uploadify的属性的讲解,这里给出具体的java代码实现,代码基于servlet,实现了上传图片并预览的效果,不多说,上代码 index.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W

上传图片带预览功能兼容IE和火狐等主流浏览器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

js实现上传图片本地预览功能

js: /** * 上传图片本地预览方法 * @param {Object} fileObj 上传文件file的id元素 fresh-fileToUpload * @param {Object} previewObj 上传图片的预览id元素 fresh-send-preview-img * @param {Object} localImg 预览图片的父层id元素 fresh-send-preview-imgvideo */ fs.setIma

Uploadify v3.2.1 上传图片并预览

前端JSP: <script type="text/javascript"> $(function() { $("#upload_org_code").uploadify({ 'height' : 27, 'width' : 80, 'buttonText' : '选择图片', 'swf' : '${pageContext.request.contextPath}/js/uploadify/uploadify.swf', 'uploader' : '${

Ajax 实现上传图片即时预览功能

本文为原创,转载请注明:http://www.pm-road.com/index.php/2014/07/31/50 很多网站在上传头像或照片的时候,都会有一个预览功能,结合自身体验将该功能实现一下:要求:图片保存到数据库点击查看实现ajax上传图片即时预览另一种方法(简单方法) 之前,我在做项目的时候,有一个功能就是要求上传的图片要即时显示,很多网站都会有这样的案例,其中的代码逻辑大多为把图片传到服务器上之后,返回图片的物理路径,不过,我们当时使用的框架为ExtJS 4.1,而且因为涉及一些

HTML5上传图片并预览

一个简易的实现: <!DOCTYPE html> <html> <head> <title>HTML5上传图片并预览</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery

Windows下实现php在线预览功能

最近用到文档在线预览功能,之前没接触过,一切从零开始,整了一段时间终于实现,现在把方法分享给大家! 一.主要思路先将其他格式的文档(office文档.txt.图片等等)通过OpenOffice转换成PDF格式文档,然后通过swftools(http://www.swftools.org/)将PDF格式文档转换为swf格式文档,最后通过flexpaper显示swf格式的文档,从而实现预览多种格式的文档. 使用到的工具自己从网上下载,很好找的. 二.实现过程 1.其他文档转为PDF 用命令启动Op

移动端h5实现拍照上传图片并预览

.移动端实现图片上传并预览,用到h5的input的file属性及filereader对象:经测除了android上不支持多图片上传,其他基本ok实用: 一:先说一下单张图片上传(先上代码): html结构(含多张图片容器div): 1 <div class="fileBtn"> 2 <p>点击添加图片</p> 3 <input id="fileBtn" type="file" onchange="