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

一.upload的下载使用

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

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

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

$(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('上传失败');
            }
        },
    });
});
  • 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

二.遇到问题

这里写图片描述 
这时我们发现在谷歌浏览器文件上传的样式仍然是原来的样式没有变化 
原因:flash控件被拦截了 
解决办法:设置->高级->内容设置->flash 
这里写图片描述 
进去以后把‘先询问‘关闭即可 
这里写图片描述 
当我们刷新页面后上传按钮便出来了 



猜你喜欢

转载自blog.csdn.net/qiuyu6958334/article/details/80927665
今日推荐