uploadfiy插件的使用(02_单图)

最新推荐文章于 2018-07-20 10:02:49 发布

qq_37352702

最新推荐文章于 2018-07-20 10:02:49 发布

阅读量198

点赞数

分类专栏： JS常用

本文链接：https://blog.csdn.net/qq_37352702/article/details/74714346

版权

JS常用专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<link href="__UPLOADIFY__/common.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="__UPLOADIFY__/jquery.uploadify.min.js"></script>

上传商品LOGO:<input type="file" id="logo" />
<img src='{$row.logo}' id='logo-preview' style='max-width: 80px;max-height: 60px;margin-top:10px'/><br>
<script type="text/javascript">
$('#logo').uploadify({
    swf: '__UPLOADIFY__/uploadify.swf',
    uploader: "{:U('Upload/upload')}",//php处理文件在附件中
    buttonText:'选择图片',
    fileTypeDesc:'选择文件吧',
    onUploadSuccess:function(file,data){
        //将响应数据转换为json对象
        data = $.parseJSON(data);
        if(data.status == 0){
            layer.msg(data.msg,{icon: 5});
        }else{
            layer.msg(data.msg,{icon: 6});
            $('#logo-url').val(data.url);
            $('#logo-preview').attr('src',data.url);
        }
    },
});
</script>