thinkphp+uploadify: 圖片上傳,沒有顯示圖片:'onUploadSuccess' : function(file,data,response);data:{"status":0,"message":"\u4e0a\u4f20\u5931\u8d25","data":""}
一:添加頁面:
add.html:
<include file="Index/header" />
<body>
<div id="wrapper">
? <include file="Index/nav"/>
? <script src="/Public/js/kindeditor/kindeditor-all.js"></script>
? <div id="page-wrapper">
? ? <div class="container-fluid">
? ? ? <!-- Page Heading -->
? ? ? <div class="row">
? ? ? ? <div class="col-lg-12">
? ? ? ? ? <ol class="breadcrumb">
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <i class="fa fa-dashboard"></i>? <a href="/index.php/admin/content">文章管理</a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li class="active">
? ? ? ? ? ? ? <i class="fa fa-edit"></i> 文章添加
? ? ? ? ? ? </li>
? ? ? ? ? </ol>
? ? ? ? </div>
? ? ? </div>
? ? ? <!-- /.row -->
? ? ? <div class="row">
? ? ? ? <div class="col-lg-6">
? ? ? ? ? <form class="form-horizontal" id="singcms-form">
? ? ? ? ? ? <div class="form-group">
? ? ? ? ? ? ? <label for="inputname" class="col-sm-2 control-label">標(biāo)題:</label>
? ? ? ? ? ? ? <div class="col-sm-9">
? ? ? ? ? ? ? ? <input type="text" name="title" class="form-control" id="inputname" placeholder="請(qǐng)?zhí)顚憳?biāo)題">
? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="form-group">
? ? ? ? ? ? ? <label for="inputname" class="col-sm-2 control-label">短標(biāo)題:</label>
? ? ? ? ? ? ? <div class="col-sm-9">
? ? ? ? ? ? ? ? <input type="text" name="small_title" class="form-control" id="inputname" placeholder="請(qǐng)?zhí)顚懚虡?biāo)題">
? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
<div class="form-group">
? <label for="inputPassword3" class="col-sm-2 control-label">描述:</label>
? <div class="col-sm-9">
? ? <input type="text" class="form-control" name="description" id="inputPassword3" placeholder="描述">
? </div>
</div>
<div class="form-group">
? <label for="inputPassword3" class="col-sm-2 control-label">關(guān)鍵字:</label>
? <div class="col-sm-9">
? ? <input type="text" class="form-control" name="keywords" id="inputPassword3" placeholder="請(qǐng)?zhí)顚戧P(guān)鍵詞">
? </div>
</div>
? ? ? ? ? ? <div class="form-group">
? ? ? ? ? ? ? <label for="inputname" class="col-sm-2 control-label">縮圖:</label>
? ? ? ? ? ? ? <div class="col-sm-5">
? ? ? ? ? ? ? ? <input id="file_upload"? type="file" multiple="true">? <!-- 允許N張上傳-->
? ? ? ? ? ? ? ? <img style="display: none" id="upload_org_code_img" src="" width="150" height="150">
? ? ? ? ? ? ? ? <input id="file_upload_image" name="thumb" type="hidden" multiple="true" value="">
? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="form-group">
? ? ? ? ? ? ? <label for="inputname" class="col-sm-2 control-label">標(biāo)題顏色:</label>
? ? ? ? ? ? ? <div class="col-sm-5">
? ? ? ? ? ? ? ? <select class="form-control" name="title_font_color">
? ? ? ? ? ? ? ? ? <option value="">==請(qǐng)選擇顏色==</option>
? ? ? ? ? ? ? ? ? ? <foreach name="titleFontColor" item="color">
? ? ? ? ? ? ? ? ? ? ? <option value="{$key}">{$color}</option>
? ? ? ? ? ? ? ? ? ? </foreach>
? ? ? ? ? ? ? ? </select>
? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="form-group">
? ? ? ? ? ? ? <label for="inputname" class="col-sm-2 control-label">所屬欄目:</label>
? ? ? ? ? ? ? <div class="col-sm-5">
? ? ? ? ? ? ? ? <select class="form-control" name="catid">
? ? ? ? ? ? ? ? ? <foreach name="webSiteMenu" item="sitenav">
? ? ? ? ? ? ? ? ? ? <option value="{$sitenav.menu_id}">{$sitenav.name}</option>
? ? ? ? ? ? ? ? ? </foreach>
? ? ? ? ? ? ? ? </select>
? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="form-group">
? ? ? ? ? ? ? <label for="inputname" class="col-sm-2 control-label">來源:</label>
? ? ? ? ? ? ? <div class="col-sm-5">
? ? ? ? ? ? ? ? <select class="form-control" name="copyfrom">
? ? ? ? ? ? ? ? ? <foreach name="copyfrom" item="cfrom">
? ? ? ? ? ? ? ? ? ? <option value="{$key}">{$cfrom}</option>
? ? ? ? ? ? ? ? ? </foreach>
? ? ? ? ? ? ? ? </select>
? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="form-group">
? ? ? ? ? ? ? <label for="inputPassword3" class="col-sm-2 control-label">內(nèi)容:</label>
? ? ? ? ? ? ? <div class="col-sm-5">
? ? ? ? ? ? ? ? <textarea class="input js-editor" id="editor_singcms" name="content" rows="20" ></textarea>
? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="form-group">
? ? ? ? ? ? ? <div class="col-sm-offset-2 col-sm-10">
? ? ? ? ? ? ? ? <button type="button" class="btn btn-default" id="singcms-button-submit">提交</button>
? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? ? </form>
? ? ? ? </div>
? ? ? </div>
? ? ? <!-- /.row -->
? ? </div>
? ? <!-- /.container-fluid -->
? </div>
? <!-- /#page-wrapper -->
</div>
<script>
? var SCOPE = {
? ? 'save_url' : '/index.php/admin/content/add',
? ? 'jump_url' : '/index.php/admin/content',
? ? 'ajax_upload_image_url' : '/index.php/admin/image/ajaxuploadimage',
? ? 'ajax_upload_swf' : '/Public/js/party/uploadify.swf',
? };
</script>
<!-- /#wrapper -->
<script>
/**
* 圖片上傳功能
*/
$(function() {
? ? $('#file_upload').uploadify({
? ? ? ? 'swf'? ? ? : SCOPE.ajax_upload_swf,
? ? ? ? 'uploader' : SCOPE.ajax_upload_image_url,?
//數(shù)據(jù)處理
? ? ? ? 'buttonText': '上傳圖片',
? ? ? ? 'fileTypeDesc': 'Image Files',
? ? ? ? 'fileObjName' : 'file',? //文件上傳對(duì)象的名稱
? ? ? ? //允許上傳的文件后綴
? ? ? ? 'fileTypeExts': '*.gif; *.jpg; *.png',
? ? ? ? 'onUploadSuccess' : function(file,data,response) {? ?//①上傳文件,② ,③相應(yīng)
console.log("response:上傳成功則返回true ="+response);
? ? ? ? ? ? if(response) {
? ? ? ? ? ? ? ? var obj = JSON.parse(data); //由JSON字符串轉(zhuǎn)換為JSON對(duì)象
if(obj.message=="上傳失敗"){
alert(obj.message);
}
console.log(obj);??
//file是swf插件的屬性:上傳文件對(duì)象
? ? ? ? ? ? ? ? console.log("數(shù)據(jù)測(cè)試02? "+data);
? ? ? ? ? ? ? ? $('#' + file.id).find('.data').html(' 上傳完畢');? //find遍歷一個(gè)對(duì)象
//顯示圖片
? ? ? ? ? ? ? ? $("#upload_org_code_img").attr("src",obj.data);//圖片名稱
? ? ? ? ? ? ? ? $("#file_upload_image").attr('value',obj.data);//顯示圖片
? ? ? ? ? ? ? ? $("#upload_org_code_img").show();
console.log("datetest++"+$("#upload_org_code_img").attr('src'));?
? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? alert('上傳失敗');
? ? ? ? ? ? }
? ? ? ? },
? ? });
});
</script>
<script>
? // 6.2
/*? KindEditor.ready(function(K) {
? ? window.editor = K.create('#editor_singcms',{
? ? ? uploadJson : '/index.php/admin/image/kindupload',
? ? ? afterBlur : function(){this.sync();},?
? ? });
? }); */
</script>
<include file="Index/footer" />
二:控制層:
ImageControll.class.php
<?php
/**
?* 圖片相關(guān)
?*/
namespace Admin\Controller;
use Think\Controller;
use Think\Upload;
/**
?* 文章內(nèi)容管理
?*/
class ImageController extends CommonController {
? ?public $_uploadObj;
? ?public function __construct() {
? ? }
? ? public function ajaxuploadimage() {
//實(shí)例UploadImage模板
//$res = $upload->imageUpload();
//print_r($res);
$upload = D("UploadImage");
? ? ?$res = $upload->imageUpload();
? ? ? ? if($res===false) {
? ? ? ? ? ? return show(0,'上傳失敗','');
? ? ? ? }else{
? ? ? ? ? ? return show(1,'上傳成功',$res);
? ? ? ? }
? ? }
? ?public function kindupload(){
? ? ? ? $upload = D("UploadImage");
? ? ? ? $res = $upload->upload();
? ? ? ? if($res === false) {
? ? ? ? ? ? return showKind(1,'上傳失敗');
? ? ? ? }
? ? ? ? return showKind(0,$res);
? ? }
}
三:模板層
UploadImageModel.class.php
<?php
namespace Common\Model;
use Think\Model;
/**
?* 上傳圖片類
?* @author? singwa
?*/
class UploadImageModel extends Model {
? ? public $_uploadObj = '';
? ? public $_uploadImageData = '';
? ? const UPLOAD = 'upload';
? ? public function __construct() {? ?/* 結(jié)合thinkPHP提供的類,公共函數(shù)*/
? ? ? ? $this->_uploadObj = new? \Think\Upload();? /* 實(shí)例化類*/
? ? ? ? $this->_uploadObj->rootPath = './'.self::UPLOAD.'/';
? ? ? ? $this->_uploadObj->subName = date(Y) . '/' . date(m) .'/' . date(d);
? ? }? ?/* 子目錄創(chuàng)建方式*/
? ? public function upload() {??
? ? ? ? $res = $this->_uploadObj->upload();
? ? ? ? if($res) {
? ? ? ? ? ? return '/' .self::UPLOAD . '/' . $res['imgFile']['savepath'] . $res['imgFile']['savename'];
? ? ? ? }else{
? ? ? ? ? ? return false;
? ? ? ? }
? ? }
? ? public function imageUpload() {
$this->_uploadObj = new? \Think\Upload();? /* 實(shí)例化類*/
? ? ? ? $this->_uploadObj->rootPath = './'.self::UPLOAD.'/';
? ? ? ? $this->_uploadObj->subName = date(Y) . '/' . date(m) .'/' . date(d);
? ? ? ? $res = $this->_uploadObj->upload();??
? ? ? ? ? ? return '/' .self::UPLOAD . '/' . $res['file']['savepath'] . $res['file']['savename'];
? ? ? ? }else{
? ? ? ? ? ? return false;
? ? ? ? }
? ? }
}
2021-06-19
請(qǐng)各位大神幫忙解答一下? 謝謝;?