再加个服务器的方法:
protected void Button1_Click(object sender, EventArgs e)
{
if (UploadFile.PostedFile.FileName.Trim() != "")
{
//上传文件
//得到后缀名
string extension = Path.GetExtension(UploadFile.PostedFile.FileName).ToLower();
//验证是图片的方法
if (Common.ValidateUtil.isPicture(extension))
{
//根据时间创建文件名
string fileName = DateTime.Now.ToString("yyyyMMddhhmmss");]
//工程路径+upfile文件夹+加文件名和后缀
string path = Request.PhysicalApplicationPath + "/upfile/" + fileName + extension;
//上传
UploadFile.PostedFile.SaveAs(path);
LabImage.Text = "上传成功！";
//设置上传按钮不可用
Button1.Enabled = false;
}
else
{
LabImage.Text = "只能上传图片！";
}
}
}
下面这就是控件:
<input id="UploadFile" runat="server" onchange="changeSrc(this)" name="fileUp" type="file" /><asp:Button ID="Button1" runat="server" OnClick="Button1_Click" OnClientClick="return CanUpLoad();" Text="上传"/>
<asp:Label ID="LabImage" runat="server"></asp:Label> <img src="about:blank" id="fileChecker" alt="商品图片" style="display:none;"/>
<script type="text/javascript">
var oFileChecker = document.getElementById("fileChecker");
var Upload=false;
function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
oFileChecker.style.display="";
}
oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete")
{
document.getElementById('LabImage').innerText="";
checkSize();
}
}
function checkSize()
{
if (oFileChecker.fileSize > 15360)
{
document.getElementById('LabImage').innerText="文件过大,请重新选择!";
Upload=false;
}
else
{
Upload=true;
}
}
function CanUpLoad()
{
return Upload;
}
</script>
这个就是javascript 方法:
<script type="text/javascript">
var oFileChecker = document.getElementById("fileChecker");
var Upload=false;
function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
oFileChecker.style.display="";
}
oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete")
{
document.getElementById('LabImage').innerText="";
checkSize();
}
}
function checkSize()
{
if (oFileChecker.fileSize > 15360)
{
document.getElementById('LabImage').innerText="文件过大,请重新选择!";
Upload=false;
}
else
{
Upload=true;
}
}
function CanUpLoad()
{
return Upload;
}
</script>
也就这些,错误的意思就是,点击File控件的浏览选取图片,img控件显示图片,再根据fileSize属性得到文件大小,如果不合要求,上传按钮的客户端点击事件返回的就是false,如果图片大小正确,上传按钮就可以点击.
我写的这些功能是实现了,但是图片上传完后它就报500的错误,紧接着看左下角IE错误提示后就提示显示112行注释未结束,当然我页面还有些其他东西,都是些无关紧要的东西.!我看112行也没啥子错误.显示的是其他的控件内容!麻烦您试下吧,谢谢!