首先看看html代码,有个隐藏域,里面装FileUpload(上传),button(提交),textbox(计数文件个数大小),通过JS点击图片完成隐藏域里的上传提交操作。
配置文件:
1、解决文件上传大小:
2、g
一、HTML+后台
upload_info.aspx
二、js部分
<script type="text/javascript">
$(document).ready(function () {
$("#ctl00_NewHolder_fup1").val("");
$("#img_upload").click(function () {
$("#ctl00_NewHolder_fup1").click();
});
$("#ctl00_NewHolder_fup1").change(
function () {
$("#ctl00_NewHolder_btn_addSession").click();
});
});
function datacheck() {
if ($("#ctl00_NewHolder_fup1").val() == "") {
alert("请选择文件");
$("#ctl00_NewHolder_fup1").focus();
return false;
}
var _file = document.getElementById("<%=fup1.ClientID %>");//查找页面中的id为fup的控件 |
var _size = _file.files[0].size;
if (_size > 8000000) {
alert("文件大于8M!");
$("#fup1").focus();//焦点回到文件选择
return false;
}
var _count = $("#<%=txt_FilesCount.ClientID %>").val();
if (_count >= 10) {
disp_alert();
return false;
}
$("#<%=txt_FilesCount.ClientID %>").val(parseInt(_count) + 1);
return true;
}
function disp_alert() {
alert("最多只能上传10个文件!")
}
</script>
三、数据库部分
1、文件分类部分
2、文件存储部分
四、实现