css上传控件
Ⅰ 怎样自定义上传文件控件的样式
直接写CSS样式是不行的
<input type="text" size="20" name="upfile" id="upfile" style="border:1px dotted #ccc">
<input type="button" value="浏览" onclick="path.click()" style="border:1px solid #ccc;background:#fff">
<input type="file" id="path" style="display:none" onchange="upfile.value=this.value">
写成这样，用一个text和一个button替代file，然后让file隐藏
Ⅱ 使用主题 css 文件要求页上有标头控件
css文件控制head标签？
head {
runat:server;
}
这样定义css呢？
理论是不打可能的
因为浏览器在读取到你和css连接或者定义的时候head部分就已经完成了
Ⅲ javaWEB项目中如何实现批量选择文件并上传呢有什么好的插件，最好有相关代码例子
jquery.uploadify批量上传控件
[html]
<linkhref="styles/uploadify.css"rel="stylesheet"type="text/css"/>
<scripttype="text/javascript"src="styles/uploadify.swf"></script>
<scripttype="text/javascript"src="javascripts/jquery.uploadify.min.js"></script>
<linkhref="styles/uploadify.css"rel="stylesheet"type="text/css"/>
<scripttype="text/javascript"src="styles/uploadify.swf"></script>
<scripttype="text/javascript"src="javascripts/jquery.uploadify.min.js"></script>还有jquery.js,你懂得!
这里注意哦,css文件会引用到这个图片哦,所以请你指定这个图片的位置哦,不然就没有显示这个叉叉哦,这个叉叉是删除按钮的哦,没有就是空白哦!
[javascript]
<script>
functionsnedUpLoad(){
varpid=$("#entityId").val();//这个是我自己获取的自定义参数
varentityName=$("#entityName").val();//同上
$("#uploadify").uploadify({//初始化uploadifyuploadify是input的id
//'debug':false,//bug模式,默认是false
'auto':false,//自动上传,就是控件自动上传,默认是true
'multi':true,
//'successTimeout':99999,//超时时间
'formData':{'pid':pid,'entityName':entityName},//我的参数列表
//'fileObjName':'uploadify',//服务器的属性名字
'uploader':'你的后台url地址;jsessionid=${pageContext.session.id}',//提交服务器路径,这里
说明下;jsessionid=${pageContext.session.id},这个是用于非IE内核的浏览器兼容的
'swf':"styles/uploadify.swf",//flash文件,官方的文件,引用上就是了
//'uploader':'/Home/Upload',//文件保存路径用处不大
'buttonText':'文件上传',//按钮
//'height':'32',//浏览按钮的高度
//'width':'100',//浏览按钮的宽度
'fileTypeDesc':'支持的格式：',//在浏览窗口底部的文件类型下拉菜单中显示的文本
'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png',//允许上传的文件后缀
'fileSizeLimit':'3MB',//上传文件的大小限制
'queueSizeLimit':25,//上传数量
'onSelectError':function(file,errorCode,errorMsg){//返回一个错误，选择文件的时候触发
switch(errorCode){
case-100:
alert("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件！");
break;
case-110:
alert("文件["+file.name+"]大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小！");
break;
case-120:
alert("文件["+file.name+"]大小异常！");
break;
case-130:
alert("文件["+file.name+"]类型不正确！");
break;
}
},
'onFallback':function(){//检测FLASH失败调用
alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");
},
'onUploadSuccess':function(file,data,response){//上传到服务器，服务器返回相应信息到data里
if(data){
vardataObj=eval("("+data+")");//转换为json对象
//$('#uploadify').uploadify('upload')
}
}
});
}
</script>
<script>
functionsnedUpLoad(){
varpid=$("#entityId").val();//这个是我自己获取的自定义参数
varentityName=$("#entityName").val();//同上
$("#uploadify").uploadify({//初始化uploadifyuploadify是input的id
//'debug':false,//bug模式,默认是false
'auto':false,//自动上传,就是控件自动上传,默认是true
'multi':true,
//'successTimeout':99999,//超时时间
'formData':{'pid':pid,'entityName':entityName},//我的参数列表
//'fileObjName':'uploadify',//服务器的属性名字
'uploader':'你的后台url地址;jsessionid=${pageContext.session.id}',//提交服务器路径,这里
说明下;jsessionid=${pageContext.session.id},这个是用于非IE内核的浏览器兼容的
'swf':"styles/uploadify.swf",//flash文件,官方的文件,引用上就是了
//'uploader':'/Home/Upload',//文件保存路径用处不大
'buttonText':'文件上传',//按钮
//'height':'32',//浏览按钮的高度
//'width':'100',//浏览按钮的宽度
'fileTypeDesc':'支持的格式：',//在浏览窗口底部的文件类型下拉菜单中显示的文本
'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png',//允许上传的文件后缀
'fileSizeLimit':'3MB',//上传文件的大小限制
'queueSizeLimit':25,//上传数量
'onSelectError':function(file,errorCode,errorMsg){//返回一个错误，选择文件的时候触发
switch(errorCode){
case-100:
alert("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件！");
break;
case-110:
alert("文件["+file.name+"]大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小！");
break;
case-120:
alert("文件["+file.name+"]大小异常！");
break;
case-130:
alert("文件["+file.name+"]类型不正确！");
break;
}
},
'onFallback':function(){//检测FLASH失败调用
alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");
},
'onUploadSuccess':function(file,data,response){//上传到服务器，服务器返回相应信息到data里
if(data){
vardataObj=eval("("+data+")");//转换为json对象
//$('#uploadify').uploadify('upload')
}
}
});
}
</script>
[javascript]
$(function(){
snedUpLoad();//jquery容器加载完运行我们的函数
})
$(function(){
snedUpLoad();//jquery容器加载完运行我们的函数
})
[html]
<inputtype="file"name="uploadify"id="uploadify"/>//申明控件的容器
<inputtype="file"name="uploadify"id="uploadify"/>//申明控件的容器
前台页面代码基本就这样了,很好明白,至于后台逻辑和普通上传处理一致的,这里就不列出来的,最后上一张图给大家鉴赏一下
(tip:其实他的批量上传并不是一次全部提交处理的,他是一个一个依次提交,相当是一个for循环,所以后台处理的同时只是一个文件上传,即排序的处理上传文件,就和单个文件上传的代码一样,如果你早有后台的单文件上传代码就不用改,直接调用就行了,可以共用)
Ⅳ 如何把js,css文件内嵌到自定义控件
如果只是少量的脚本，可以在类里直接拼，但是对于大段的脚本就需要js文件统一管理了。 如果不把这个js文件做成内嵌的文件，这样在使用这个自定义控件的时候必须把这个js文件放到指定目录， 也就是说这个dll必须带一个js文件。 如果把js嵌入到dll就不需要这样了 在工程里选择js文件，选择属性，build Action 选择 embeded Resource(内嵌资源），这样就可以把js文件编译到dll里了 在使用的时候，在引用的位置加如下 [assembly: WebResource("RPEMS.WebControls.Calendar.js", "application/x-javascript")] REEMS.WebControls 是程序的命名控件，Calendar.js是js文件名 然后再CreateChildControls函数里加上 Page.ClientScript.RegisterClientScriptResource(this.GetType(), "RPEMS.WebControls.Calendar.js"); 这样就可以把这个js文件和aspx页面一样使用了。
Ⅳ css 文件要求页上有标头控件。(例如 <head runat="server" />)。
在页面的<head>里面加上runat="server"就行，完整的应该是<head runat="server">
Ⅵ nginx怎么配置禁止上传除了图片，html，css等之外格式的文件
上传控件自带过滤类型的属性accept，比如：
<input id="FileUp" type="file" accept=".jpg,.png,.gif,.htm,.html,.css" />
Ⅶ 如何利用css样式控件整个站点风格
定义风格不同的整站css样式表，通过在页面中使用或者js调用不同的样式表改变整个风格
Ⅷ html5文件上传控件的button样式怎么修改
你直接将它隐藏，然后自己写一个button。
给这个button加点击事件。
点击事件中在通过JS去触发上传文件控件的点击事件就可以了。
Ⅸ 用html, css, javascript ，怎么让用户要么选择上传自己的图片，要不选择在网页出给出的图片详情见下
可以给文件上传控件再添加一个onclick事件啊，当点击这个input时，把myimg的src赋值给cusInput，然后当onchange事件发生再把上传后的图片地址赋值给cusInput，这样的话即使因为图片路径相同未触发onchange事件，但onclick事件仍然发生了啊，cusInput仍然保留了上一次上传的图片路径：
<inputtype="file"name="pic"onchange="change(event)"onclick="cusInput=document.getElementById('myimg').src">
Ⅹ css有哪些常用 控件
css有哪些常用控件可以分为三类，即id选择器、class选择器、标签选择器。
用法如下：
#id名 { 属性名:属性值; }
.class名 { 属性名:属性值; }
标签名 { 属性名:属性值; }
其中，他们之间又可以以不同的方式进行组合，如下：
后代选择器: 父代名 后代名 { 属性名:属性值; }
子代选择器: 父代名>子代名 { 属性名:属性值; }
群组选择器: #name1, .name2, #name div { 属性名:属性值; }
伪类选择器: name:伪类
通用(通配符)选择器: * { 属性名: 属性值; }