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

来源:互联网 发布:gephi数据分析案例 编辑:程序博客网 时间:2024/06/06 21:44

一.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>

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

二.遇到问题

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

原创粉丝点击