uploadify文件上传方法

最新推荐文章于 2021-02-13 12:31:04 发布

月月的博客

最新推荐文章于 2021-02-13 12:31:04 发布

阅读量867

点赞数

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/qq_37694767/article/details/79894378

版权

jquery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用Uploadify插件结合ThinkPHP框架进行文件上传的例子。具体包括控制器中处理文件上传的方法以及前端页面如何配置Uploadify插件来完成文件选择与上传的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uploadify是一款常用的文件上传插件，下面是一些简单的在tp框架的调用方法

控制器：


public function uploadFile()
{
    $file = request()->file('images');        //获取文件信息

    // 移动到框架应用根目录/public/uploads/ 目录下
    $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');
    if($info){
        // 成功上传后 获取上传信息输出 jpg
        // return array('errorCode' => 0, 'data' => $info->getSaveName());
        echo $info->getSaveName();
    }else{
        // 上传失败获取错误信息
        // return array('errorCode' => 1, 'data' => $file->getError());
        echo $file->getError();
    }
}




页面:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="/static/common/css/bootstrap.min.css">
    <script type="text/javascript" src="/static/common/js/jquery-1.10.2.min.js"></script>

</head>
<body>
    <div class="form-group">
        <div class="col-sm-6">
            <div style="width: 200px; height: 110px; float: left;">
                <input type="hidden" name="photo" value="" id="data_photo" />
                <input id="photo_file" name="photo_file" type="file" multiple="true" value="" />
            </div>
            <div style="height: 110px; float: left;">
                <img id="upload_img" src="/static/common/img/no_img.jpg" style="height: 100px" />
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="/static/common/js/uploadify/jquery.uploadify.min.js"></script>
<link rel="stylesheet" type="text/css" href="/static/common/js/uploadify/uploadify.css">
<script type="text/javascript">
    $("#photo_file").uploadify({
        'swf': '/static/common/js/uploadify/uploadify.swf',
        'uploader': '{:url("test/uploadFile")}',
        'cancelImg': "/uploadify/uploadify-cancel.png",
        'fileObjName' : 'images',
        'buttonText': '上传图片',
        'height': 35,
        'fileTypeExts': '*.gif;*.jpg;*.png',
        'queueSizeLimit': 1,
        'onUploadSuccess': function(file, data, response) {
            $("#data_photo").val(data);
            $("#upload_img").attr('src', "/uploads/" + data).show();
        }
    });
</script>
</html>