uploadify使用中遇到flash文件上传按钮加载不出来

89 阅读 0 评论 59 点赞

我是靠谱客的博主酷酷紫菜，这篇文章主要介绍uploadify使用中遇到flash文件上传按钮加载不出来，现在分享给大家，希望可以做个参考。

一.upload的下载使用

1.下载地址：http://www.uploadify.com
2.导入flash版本

复制代码

1
2
 <link rel="stylesheet" type="text/css" href="/Public/css/party/uploadify.css">
    <script type="text/javascript" src="/Public/js/party/jquery.uploadify.js"></script>

3.初始化
html代码
<input id = "file_upload" type = "file" name = "file_upload" >
js初始化代码

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$(function() {
    $('#file_upload').uploadify({
        'swf'      : SCOPE.ajax_upload_swf,
        'uploader' : SCOPE.ajax_upload_image_url,
        'buttonText': '上传图片',
        'fileTypeDesc': 'Image Files',
        'fileObjName' : 'file',
        //允许上传的文件后缀
        'fileTypeExts': '*.gif; *.jpg; *.png',
        'onUploadSuccess' : function(file,data,response) {
            // response true ,false
            if(response) {
                var obj = JSON.parse(data); //由JSON字符串转换为JSON对象

                console.log(data);
                $('#' + file.id).find('.data').html(' 上传完毕');

                $("#upload_org_code_img").attr("src",obj.data);
                $("#file_upload_image").attr('value',obj.data);
                $("#upload_org_code_img").show();
            }else{
                alert('上传失败');
            }
        },
    });
});