(Jquery)Uploadify-v2.1.4的button改不了颜色

彼端的羽翼 彼端的羽翼 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
不得不说这个问题纠结了我好久了
最初是想做一个这样的
添加和上传功能在一起,但是
Uploadify-v2.1.4的button默认颜色一直改不了,虽然我的其他功能都实习了,但是要设计的网页必须要用到这个颜色,尝试了很多方法,一直弄不出来,很纠结,
试过hideButton隐藏按钮,CSS插入.uploadify-button {background:url(BG_button.PNG );},都没效果
尝试弄了下swf但是显示丢失了好多控件,而且版本不符合,他是swf里还写了代码的。

http://download.csdn.net/detail/happyclank/4166126 Uploadify-v2.1.4的下载地址
用的是jquery-1.4.1.min.js

Html代码如下:

<head>
<title></title>
<link href="uploader/uploadify.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="uploader/swfobject.js" type="text/javascript"></script>
<script src="./js/jquery.uploadify.min.js" type="text/javascript"></script>
<script src="uploader/jquery.uploadify.v2.1.4.min.js" type="text/javascript"></script>

<script type="text/javascript">
function queryString(query) {
var search = window.location.search + '';
if (search.charAt(0) != '?') {
return undefined;
}
else {
search = search.replace('?', '').split('&');
for (var i = 0; i < search.length; i++) {
if (search[i].split('=')[0] == query) {
return decodeURI(search[i].split('=')[1]);
}
}
return undefined;
}
};
</script>
<script type="text/javascript">
$(document).ready(function () {
if (1==1) {
var flodCode = queryString("URI");
var URLOne=queryString("URI1");
$("#uploadify").uploadify({
'uploader': 'uploader/uploadify.swf',
'script': 'servlet/Upload',
'cancelImg': 'uploader/cancel.png',
'folder': 'upload',
'queueID': 'fileQueue',
'auto': true,
'method' : 'GET',
'multi': true,
'filesSelected': '4',
//'hideButton' : true,
'scriptData': {'URL1':'1','dirName':'1','ftpAddress':$("#ftp").val(),'userName':$("#username").val(),'pwd':$("#pwd").val()},
//'onAllComplete': function () { alert("21111111111"); },
onComplete: function(event, queueID, fileObj, response, data) {
//转换为json对象
var dataObj = eval("("+response+")");
alert(dataObj);
//saveFile(dataObj);
},
'onQueueComplete' : function(queueData) {
alert(queueData.uploadsSuccessful + ' files were successfully uploaded.');
} ,
'onError': function () { alert("12"); }
});
}
else {
$("#Content").html("143");
}
});

function doUpload() {
// 上传方法
$.upload({
// 上传地址
url:window.basePath+'/reply/imageUpload',
// 文件域名字
fileName: 'uploadfile',
// 其他表单数据
params: {},
// 上传完成后, 返回json, text
dataType: 'json',
// 上传之前回调, return true表示可继续上传
onSend: function() { return true; },
onSubmit: function(){ },
// 上传之后回调
onComplate: function(data) {
if(data.msg){
}else{
alert("上传图片出错!"); } } });
}

</script>
</head>
<body>
<div id="Content">
<div id="fileQueue">
</div>
<input type="file" name="uploadify" id="uploadify" />
<p>
<a href="javascript:$('#uploadify').uploadifyUpload()">tijia111o</a>| <a href="javascript:$('#uploadify').uploadifyClearQueue()">quxiao</a>

</p>
<input type="hidden" id="ftp" value="127.0.0.1"/>
<input type="hidden" id="username" value="admin"/>
<input type="hidden" id="pwd" value="admin"/>

<form>
<input id="projectfile" name="file" type="file" value="111111" ></input>
</form>

</div>
</body>



...全文

相关推荐

struts2+jquery.uploadify

实现Struts2+jQuery.uploadify的步骤如下:1. **配置Struts2**:首先,确保你的项目已经集成了Struts2框架。

ddtohy

基于Spring MVC的Uploadify文件上传实战案例

Uploadify的整个上传过程可以被划分为多个明确的阶段:从用户选择文件开始,到文件加入队列、准备上传、进度更新、成功或失败结束,最后完成整个队列任务。每个阶段都对应一个可注册的回调函数,统称为“生命周期钩子”。这些钩子按执行顺序依次为:onInit:组件初始化完成后触发。onSelect:用户选择文件后立即调用(可用于预校验)。onFallback:当浏览器不支持Flash且无降级方案时触发。:单个文件开始上传前执行。onProgress:上传过程中持续调用,用于展示进度。

wx1bff85f55b403198

jquery之Uploadify实现的带进度条的文件上传

通常包括`uploadify.css`和`jquery.uploadify.js`。同时,确保jQuery库也被正确引入。2.

UPC_思念

uploadify上传插件完整Demo(包括后台)

4. **自定义样式** Uploadify允许你自定义按钮样式、队列区域等UI元素。你可以通过修改CSS来调整颜色、大小、图标等外观。

飞奔的蜗牛2017

基于jQuery的Web上传插件Uploadify使用示例

本文将详细介绍如何在Web开发中利用jQuery的Uploadify插件进行文件上传。Uploadify是一款功能强大且高度可定制的工具,它简化了文件上传过程,支持实时进度显示,适用于各种Web应用的

weixin_38623707
评论 7
收藏 已收藏
分享
返回顶部
彼端的羽翼
JavaScript 87,984 成员 224,681 内容