html5文件上传控件的button样式怎么修改

直接写

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

#cccbackground:#fff">

<input

type="file"

id="path"

style="display:none"

onchange="upfile.value=this.value">

写成这样，用一个text和一个button替代file，然后让file隐藏

做上传当然需要知道文件的位置.首先在你上传的jsp页面需要有一个表单form.在这个表单里有一个这样一个标签.在你点上传按钮的时候将你选中的文件传递到servlet或action这样的处理页面.在处理页面StringfileName=request.getParameter("fileName").这样就得到了文件名。然后你就可以使用文件流对这个文件进行上传 *** 作。如果还有问题直接HI我。

function uploadFile(obj){

if(obj.value!="上传头像"){

window.location.href=top.Client.CONST_PATH + "/simb/uploadFile.action"}

}

<input type="file" name="headImg" value="上传头像" onclick="uploadFile(this)">

---