tp框架的后台上传修改

最新推荐文章于 2024-08-08 23:04:40 发布
最新推荐文章于 2024-08-08 23:04:40 发布
阅读量263 收藏
点赞数
文章标签： javascript php 数据库 ViewUI
原文链接：https://my.oschina.net/u/1391355/blog/1505432
版权

框架提供的上传仅支持图片格式 ，其他格式不支持 需做如下修改 

1.content_addtops.js 加入如下两个方法 根据 flashupload ， thumb_images 修改

/**
swf上传完回调方法
uploadid dialog id
name dialog名称
textareaid 最后数据返回插入的容器id
funcName 回调函数
args 参数
module 所属模块
catid 栏目id
authkey 参数密钥，验证args
**/

function flashuploadvideo(uploadid, name, textareaid, funcName, args, module, catid, authkey) {
    var args = args ? '&args=' + args : '';
    var setting = '&module=' + module + '&catid=' + catid ;
    Wind.use("artDialog","iframeTools",function(){
        art.dialog.open(GV.DIMAUB+'index.php?a=swfuploadvideo&m=asset&g=asset' + args + setting, {
        title: name,
        id: uploadid,
        width: '650px',
        height: '420px',
        lock: true,
        fixed: true,
        background:"#CCCCCC",
        opacity:0,
        ok: function() {
            if (funcName) {
				console.log(funcName);
                funcName.apply(this, [this, textareaid]);
            } else {
                submit_ckeditor(this, textareaid);
            }
        },
        cancel: true
    });
    });
}

//视频上传回调
function video(uploadid, returnid) {
    //取得iframe对象
    var d = uploadid.iframe.contentWindow;
    //取得选择的图片
    var in_content = d.$("#att-status").html().substring(1);
    if (in_content == '') return false;

    if ($('#' + returnid + '_preview').attr('src')) {
        $('#' + returnid + '_preview').attr('src', '/admin/themes/simplebootx/Public/assets/images/videook.png');
    }
    $('#' + returnid).val(in_content);
}

2.模板调用上传模块采用如下格式，根据上传图片修改

				<div class="control-group">
					<label class="control-label">视频上传</label>
					<div class="controls">
								<div >
									<input type="hidden" name="url" id="video" value="">
									<a href="javascript:void(0);" onclick="flashuploadvideo('video', '视频上传','video',video,'1,mp4,1,,,1','','','');return false;">
										    <img src="__TMPL__Public/assets/images/default-thumbnail.png" id="video_preview" width="135" style="cursor: hand" />
									</a>
 									<input type="button" class="btn btn-small" onclick="$('#video_preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#video').val('');return false;" value="取消视频"> 
								</div>
						<span class="form-required"></span>
					</div>
				</div>

3.AssetController.php 中添加视频上传方法，根据swfupload方法修改

    /**
     * video 上传 
     */
    public function swfuploadvideo() {
        if (IS_POST) {
			$savepath=date('Ymd').'/';
            //上传处理类
            $config=array(
            		'rootPath' => './'.C("UPLOADPATH"),
            		'savePath' => $savepath,
            		'maxSize' => 110485760000,
            		'saveName'   =>    array('uniqid',''),
            		'exts'       =>    array('mp4'),
            		'autoSub'    =>    false,
            );
			$upload = new \Think\Upload($config);// 
			$info=$upload->upload();
            //开始上传
            if ($info) {
                //上传成功
                //写入附件数据库信息
                $first=array_shift($info);
                if(!empty($first['url'])){
                	$url=$first['url'];
                }else{
                	$url=C("TMPL_PARSE_STRING.__UPLOAD__").$savepath.$first['savename'];
                }
                
				echo "1," . $url.",".'1,'.$first['name'];
				exit;
            } else {
                //上传失败，返回错误
                exit("0," . $upload->getError());
            }
        } else {
            $this->display(':swfuploadvideo');
        }
    }

4.同时添加 swfuploadvideo方法的模板 根据 swfupload.html 修改

<admintpl file="header"/>
</head>
<body class="body_none">
<style>
/*设置tab*/
.pop_nav {
	padding:10px 15px 0;
	margin-bottom:10px;
}
.pop_nav ul{
	border-bottom:1px solid #e3e3e3;
	padding:0 5px;
	height:25px;
	clear:both;
}
.pop_nav ul li{
	float:left;
	margin-right:10px;
}
.pop_nav ul li a{
	float:left;
	display:block;
	padding:0 10px;
	height:25px;
	line-height:23px;
}
.pop_nav ul li.current a{
	border:1px solid #e3e3e3;
	border-bottom:0 none;
	color:#333;
	font-weight:700;
	background:#fff;
	position:relative;
	border-radius:2px;
	margin-bottom:-1px;
}
.pop_cont{
	padding:0 15px;
}
/*上传*/
.edit_menu_cont {
    padding: 10px 15px;
}
.edit_uping {
    height: 30px;
    margin-bottom: 10px;
}
.edit_uping .num {
    color: #999999;
    float: right;
    margin-top: 5px;
}
.edit_uping .num em {
    color: #FF5500;
    font-style: normal;
}
.eidt_uphoto {
    border: 1px solid #CCCCCC;
}
.eidt_uphoto ul {
    height: 280px;
    overflow-y: scroll;
    padding-bottom: 10px;
    position: relative;
}
.eidt_uphoto li {
    display: inline;
    float: left;
    height: 100px;
    margin: 10px 0 0 10px;
    width: 87px;
}
.eidt_uphoto .invalid {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #CCCCCC;
    height: 98px;
    position: relative;
    width: 78px;
}
.eidt_uphoto .invalid .error {
    padding: 30px 1px;
    text-align: center;
}
.eidt_uphoto .no {
    background: url("__TMPL__Public/assets/images/upload_pic.jpg") no-repeat scroll center center #FBFBFB;
    border: 1px solid #CCCCCC;
    height: 98px;
    overflow: hidden;
    text-indent: -2000em;
}
.eidt_uphoto .nouplode {
    background: #FBFBFB;
    border: 1px solid #CCCCCC;
    height: 98px;
    overflow: hidden;
	text-align: center;
	padding: 0px 5px 0px 5px;
}
.eidt_uphoto .schedule {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 98px;
    line-height: 98px;
    position: relative;
    text-align: center;
}
.eidt_uphoto .schedule span {
    background: none repeat scroll 0 0 #F0F5F9;
    height: 98px;
    left: 0;
    position: absolute;
    top: 0;
}
.eidt_uphoto .schedule em {
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 78px;
    z-index: 1;
}
.eidt_uphoto .get{
	background:#ffffff;
	border:1px solid #cccccc;
	position:relative;
	overflow:hidden;
}
.eidt_uphoto .selected{
	border:2px solid #1D76B7;
}
.eidt_uphoto .get img{
	cursor:pointer;
}
.eidt_uphoto .del{
	position:absolute;
	width:15px;
	height:15px;
	background:url("__TMPL__Public/assets/images/upload_del.png") no-repeat;
	right:1px;
	top:1px;
	overflow:hidden;
	text-indent:-2000em;
	display:none;
}
.eidt_uphoto .del:hover{
	background-position:-20px 0;
}
.eidt_uphoto .get img{
	vertical-align:top;
	width:87px;
	height:75px;
	border-bottom:1px solid #ccc;
}
.eidt_uphoto .get input{
	border:0;
	outline:0 none;
	margin-left:3px;
}
.eidt_uphoto .get .edit{
	position:absolute;
	height:22px;
	line-height:22px;
	text-align:center;
	width:78px;
	bottom:0;
	left:0;
	background:#e5e5e5;
	color:#333;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	display:none;
}
.eidt_uphoto li:hover .edit,
.eidt_uphoto li:hover .del{
	/*text-decoration:none;
	display:block;*/
}
/*上传选择按钮*/
#btupload,.addnew{
	background: url("__PUBLIC__/js/swfupload/images/swfBnt.png") no-repeat; float:left; margin-right:10px;width:75px; height:28px; line-height:28px;font-weight:700; color:#fff;
}
#btupload{ 
    vertical-align:middle;border:none;cursor: hand;!important;cursor: pointer;
}
.addnew{
	background: url("__PUBLIC__/js/swfupload/images/swfBnt.png") no-repeat; float:left; margin-right:10px;width:75px; height:28px; line-height:28px;font-weight:700; color:#fff;
}
.addnew{
	background-position: left bottom;
}
</style>
<script>
//用于图库加载
function set_iframe(id,src){
	if($("#"+id).attr("src") == ""){
		$("#"+id).attr("src",src); 
	}
}

//网络地址
function addonlinefile(obj) {
	var strs = $(obj).val() ? '|'+ $(obj).val() :'';
	$('#att-status').html(strs);
}

//是否添加水印设置
function change_params(){
	if($('#watermark_enable').attr('checked')) {
		swfu.addPostParam('watermark_enable', '1');
	} else {
		swfu.removePostParam('watermark_enable');
	}
}
//图片选择处理回调
function album_cancel(obj,id,source){
	//图片地址
	var src = $(obj).attr("data-path");
	//上传图片文件名
	var filename = $(obj).attr("title");
	//选择状态中的数据对象
	var selected = $("#fsUploadProgress .selected");
	if($("#aid-"+id).hasClass('selected')){
		$("#aid-"+id).removeClass("selected");
		selected = $("#fsUploadProgress .selected");
		var imgstr = $("#att-status").html();
		var length = selected.children("img").length;
		var strs = filenames = '';
		for(var i=0;i<length;i++){
			strs += '|'+selected.children("img").eq(i).attr('path');
			filenames += '|'+selected.children("img").eq(i).attr('title');
		}
		$('#att-status').html(strs);
		$('#att-status').html(filenames);
	} else {
		var num = $('#att-status').html().split('|').length;
		var file_upload_limit = '1';
		if(num > file_upload_limit) {alert('不能选择超过'+file_upload_limit+'个附件'); return false;}
		$("#aid-"+id).addClass("selected");
		$('#att-status').append('|'+src);
		$('#att-name').append('|'+filename);
	}
}
</script>
<script type="text/javascript">
var swfu = '';
	$(document).ready(function(){
		Wind.use("swfupload",GV.DIMAUB+"public/js/swfupload/handlers_video.js",function(){
		      swfu = new SWFUpload({
			flash_url:"__PUBLIC__/js/swfupload/swfupload.swf",
			upload_url:"{:U('asset/swfuploadvideo')}",
			file_post_name : "Filedata",
			post_params:{
			                        "{:C('VAR_SESSION_ID')}":"{:session_id()}",
			                        "thumb_width":"0",
			                        "thumb_height":"0",
			                        "watermark_enable":"1",
			                        "filetype_post":"mp4"
			},
			file_size_limit:"20240000KB",
			file_types:"*.mp4",
			file_types_description:"All Files",
			file_upload_limit:"1",
			custom_settings : {progressTarget : "fsUploadProgress",cancelButtonId : "btnCancel"},
	 
			button_image_url: "",
			button_width: 75,
			button_height: 28,
			button_placeholder_id: "buttonPlaceHolder",
			button_text_style: "",
			button_text_top_padding: 3,
			button_text_left_padding: 12,
			button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,
			button_cursor: SWFUpload.CURSOR.HAND,

			file_dialog_start_handler : fileDialogStart,
			file_queued_handler : fileQueued,
			file_queue_error_handler:fileQueueError,
			file_dialog_complete_handler:fileDialogComplete,
			upload_progress_handler:uploadProgress,
			upload_error_handler:uploadError,
			upload_success_handler:uploadSuccess,
			upload_complete_handler:uploadComplete
		      });
		});
	})</script>
<div class="wrap" style="padding:5px;">
  <div class="pop_nav">
    <ul class="js-tabs-nav unstyled">
      <li class="current"><a href="javascript:;;">上传附件</a></li>
      <li class=""><a href="javascript:;;">网络文件</a></li>
    </ul>
  </div>
  <div class="js-tabs-content">
    <div class="pop_cont">
      <div class="">
        <div class="edit_uping"> 
             <!--选择按钮-->
            <div class="addnew"><span  id="buttonPlaceHolder"></span></div>
            <span class="num">最多上传<em> 1</em> 个附件,单文件最大 <em>20240 MB</em>，<em style="cursor: help;" title="可上传格式：mp4">支持格式？</em></span>
        </div>
        <div class="eidt_uphoto">
          <ul id="fsUploadProgress" class="cc">
            <!--<li class="J_empty"><div class="no">暂无</div></li>-->
          </ul>
        </div>
      </div>
    </div>
    <div class="pop_cont"> 请输入网络地址
      <div class="bk3"></div>
      <input type="text" name="info[filename]" class="input" value=""  style="width:600px;" placeholder="http://"  onblur="addonlinefile(this)">
    </div>
    <div class="pop_cont">
      <iframe name="album-list" src="" frameborder="false" scrolling="no" style="overflow-x:hidden;border:none" width="100%" height="350" allowtransparency="true" id="album_list"></iframe>
    </div>
      </div>
</div>
<div id="att-status" style="display:none"></div>
<div id="att-status-del" style="display:none"></div>
<div id="att-name" style="display:none"></div>
<script src="__PUBLIC__/js/common.js"></script> 
<script>
$(function(){
    $("#att-status").html("");
    $("#att-status-del").html("");
    $("#att-name").html("");
});
</script>
</body>
</html>

5.根据/public/js/swfupload/handlers.js  做handlers_video.js  主要修改了上传完成后的图片显示（视频没有图片因此显示错误）

 

 

转载于:https://my.oschina.net/u/1391355/blog/1505432

chungaijuan1732
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
tp5+layui后台基础框架.zip
05-27
基本的后台管理框架系统，可以在该基础上进行二次开发，也可以自行改装，内置权限管理/菜单管理/角色管理/管理员管理/系统信息/管理员信息修改/图片上传。 需要注意点：1端口设置，xampp版本没有测过，之前出现版本...
目课网后台管理系统（tp5）
03-25
【标题】"目课网后台管理系统（tp5）"是一个基于PHP编程语言并采用ThinkPHP5（简称tp5）框架构建的高效、便捷的后台管理平台。ThinkPHP5是PHP领域内广泛使用的开源框架，以其简洁的代码结构、强大的功能支持和高效的...
ThinkPHP 模板输出 display 方法
weixin_34110749的博客
08-16 300
2019独角兽企业重金招聘Python工程师标准>>> ...
thinkphp 整合swfupload
征途人生&梦
08-05 817
在view下新建文件swfupload.html 代码如下 文件上传 .swfupload { position: absolute; z-index: 1; } var swfu; SWFUpload.onload = function () { var settings = { flash_url : "__PUBLIC__/swfupl
解决THINKCMF后台文章的相册图集只能上传一个图片的问题
baoduan3662的博客
07-11 233
遇到的问题： 最近使用了THINKCMF给客户开发了一个企业网站，客户在使用了一段时间后打电话说后台文章编辑页面有问题 经过沟通过知道，在后台文章编辑和添加页面相册图集每次只能上传一张图片 在跟客户确认了所有的细节后就开始解决，首页在本地进行了测试发现客户说的是对的，于是就查看源代码 在\tpl_admin\simpleboot\Asset\swfupload.html...
okadmin php,ThinkPHP开发框架隐藏管理员后台或更改后台地址
weixin_34123811的博客
03-20 1158
ThinkPHP隐藏后台地址具体操作步骤1、首页修改application/config.php中deny_module_list的值，其中默认已经有common，我们添加admin，改成['common', 'admin']2、然后在项目public目录下新建admin.php，将其改名为admin_d75KABNWt.php，我们可以将 admin.php 其中...
php网站后台上传缩略图,PHPCMS后台上传缩略图过程解析，也是一个 apply 运用的好实例...
weixin_36073654的博客
03-17 416
点击图片的时候触发\statics\js\swfupload\swf2ckeditor.js里面的flashupload()函数。onclick="flashupload('thumb_images', '附件上传','thumb',thumb_images,'1,jpg|jpeg|gif|png|bmp,1,,,0','content','20','673a7bdb2c201df7d3b78a7...
tp6内容管理通用后台带权限
12-18
标题 "tp6内容管理通用后台带权限" 指的是基于ThinkPHP6（简称tp6）框架开发的一个具有内容管理和权限控制功能的后台系统。这个系统适用于多种应用场景，能够帮助用户高效地管理网站内容，并对不同用户的角色和权限...
tp5漂亮后台界面
03-11
标题中的“tp5漂亮后台界面”指的是基于ThinkPHP5（简称tp5）框架开发的一款美观且功能完善的后台管理系统。ThinkPHP5是中国广受欢迎的PHP框架，它提供了丰富的工具和组件，便于开发者快速构建Web应用的后台。这款...
Thinkphp5+element+vue开发的后台管理系统
12-19
vue后台框架 2.1 vuex、路由、接口、[echarts](http://echarts.baidu.com/)、图片上传（头像上传返回上传路径，多图上传返回上传路径、上传头像图片为base64、上传的多图为base64）、字体图标库[fontawesome]...
php jq遮罩层,jq 简单 遮罩层 弹出层
weixin_39870700的博客
03-22 65
遮罩层(弹出层)--HTML--发布新公告X{$admin_notice}//编辑器路径定义var editorURL = GV.DIMAUB;确认发布--CSS--#overlay {background: #000;filter: alpha(opacity=50); /* IE的透明度 */opacity: 0.5; /* 透明度 *//* display: none; */posi...
TP框架修改后台路径方法
weixin_30532837的博客
09-24 2926
直接映射 admin 后台修改路径为 myadmin888 文章来源：外星人来地球 欢迎关注，有问题一起学习欢迎留言、评论 转载于:https://www.cnblogs.com/lovebing/p/11579639.html...
使用idea设置文件头File Header，使每次新建类都会自动生成一些信息
热门推荐
leyili_s的博客
03-28 1万+
使用idea时，看见别人每次新建类都会自动生成一些个人信息，捣鼓半天，并附上以前见过的佛主镇楼图：这是我个人的配置效果/** * Created by *** * Date 2018/3/28 0:53 * Description */本人使用的是idea2017 2.4版本 其余版本配置大体相同   路径为 setting--&gt;editor--&gt;File and Code ...
【转载】【解密】日志追凶之从看日志了解黑客攻击手法
安班博客
04-03 2816
　　夜已深，人已睡　　而我们的路，才刚刚起航。　　在下给大家献上一个巨作，可花了我不少时间!　　首先我们来认识两个日志。　　　　www.xxx.com-access_log　　www.xxx.com-error_log　　一个是错误日志，一个是普通的日志。　　首先我们接到一位客户的客户的求助，网站被入侵，数据被篡改，服务器已关闭。于是开始了一波日志追凶之路。　　首先我们先把他们的网站后台访问记录给...
利用tp框架做前后台分离
cyAspNet的专栏
05-03 3513
建一个独立的项目， 用php写业务的代码 在common的 config.php里， 配置前端： //前台页面路径，这里只有html,smart方式赋值过去 'VIEW_PATH' => APP_PATH . '/../../tpl/order/', //这里是js,css所有前端的文件 '__PUBLIC__' => 'http://stage.wangxia
Element学习（布局组件、案例操作）（4）
最新发布
m0_74363339的博客
08-08 383
value：表示输入的值，提交表单后传给服务器的值——>"男"表示1，"女"表示2。定义数据模型时，对象要使用大括号。像这里searchForm: {....}3、这一步之后的效果展示（只是空有一个布局——>目前还没有任何的内容）2、找到这种布局对应的代码（复制——>粘贴到标签<div>中）5、 在主展示区域的上方添加"员工查询"的（且独占一行）表单。还有一个当点击"查询"按钮时，会触发一个方法，也要去声明。7、给表格增加一个边框——>加入border属性即可。6、日期选择器——>(官网中组件中找)
tp框架input上传图片大小限制如何写
06-08
在TP框架中，可以通过设置`upload_max_filesize`和`post_max_size`两个配置项来限制上传文件的大小。这两个配置项都可以在php.ini文件中进行设置，也可以在应用的配置文件中进行设置。在应用的配置文件中，可以在`config.php`或`database.php`文件中添加如下代码： ```php // 限制上传文件大小为2MB ini_set('upload_max_filesize', '2M'); ini_set('post_max_size', '2M'); ``` 这样就可以将上传文件的大小限制为2MB。当然，也可以根据实际需要设置其他大小。需要注意的是，这两个配置项的大小应该保持一致，否则会出现上传文件大小不一致的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值