[PHP高可用后端]①①--上传图片准备工作

Paste_Image.png
[PHP高可用后端]①①--上传图片准备工作_第1张图片
Paste_Image.png

娱乐新闻表结构

ent_news

[PHP高可用后端]①①--上传图片准备工作_第2张图片
Paste_Image.png
[PHP高可用后端]①①--上传图片准备工作_第3张图片
Paste_Image.png
[PHP高可用后端]①①--上传图片准备工作_第4张图片
Paste_Image.png

uploadify

http://www.uploadify.com/

demo

http://www.uploadify.com/demos/

[PHP高可用后端]①①--上传图片准备工作_第5张图片
Paste_Image.png
[PHP高可用后端]①①--上传图片准备工作_第6张图片
Paste_Image.png
[PHP高可用后端]①①--上传图片准备工作_第7张图片
Paste_Image.png

index/index.html去掉标签

[PHP高可用后端]①①--上传图片准备工作_第8张图片
Paste_Image.png

_menu.html



  • 添加管理
  • News.php

    fetch();
        }
    }
    

    image.js

    
    $(function () {
        $("#file_upload").uploadify({
            swf: swf,
            uploader: image_upload_url,
            buttonText: '图片上传',
            fileTypeDesc: 'Image files',
            fileObjName: 'file',
            fileTypeExts: '*.gif;*.jpg;*.png',
            onUploadSuccess: function (file, data, response) {
                //我们需要扩展内容
                if (response) {
                    $('#upload_org_code_img').attr('src', JSON.parse(data).data);
                    $('#file_upload_image').attr('value', JSON.parse(data).data);
                    $('#upload_org_code_img').show();
                }
            }
        });
    });
    

    index.html(news)

    
    {include file="public/_meta" title="娱乐资讯"/}
    <>
    
    
    日期范围: -
    ID 标题 分类 缩图 更新时间 是否推荐 发布状态 操作
    {include file="public/_footer" /}

    add.html(news)

    
    {include file="public/_meta" /}
    

    0/200

    {include file="public/_footer" /} {load href="__STATIC__/admin/uploadify/jquery.uploadify.min.js"} {load href="__STATIC__/admin/js/image.js"}
    {load href="__STATIC__/admin/uploadify/jquery.uploadify.min.js"}
    {load href="__STATIC__/admin/js/image.js"}
    

    _meta.html

    
    
    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    
        
    
    
    
    
    
    

    Image.php

     1,
                'message' => 'OK',
                'data' => 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1509619181680&di=e4eec2188fe25ee05523e3ecfae6d4f2&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201512%2F15%2F20151215161101_scPaX.jpeg',
            ];
            echo json_encode($data);
        }
    }
    
    [PHP高可用后端]①①--上传图片准备工作_第9张图片
    Paste_Image.png

    记得关闭

    [PHP高可用后端]①①--上传图片准备工作_第10张图片
    image.png

    你可能感兴趣的:([PHP高可用后端]①①--上传图片准备工作)