在套用母版页的页面中应用input file上传图片
2012-05-13 03:20
267 查看
在套用母版页的页面中应用input type="file" 上传图片
若是Request.Files 始终是0,添加以下信息:
(1)在套用页面Page_Load中添加 Form.Enctype = "multipart/form-data";不要在母版页中加
(2)确保input type="file"包含 name属性,不然也取不到上传的文件。
另附一段JS动态添加上传标签的JS代码:
上传标签统一添加到页面名为:dv1的DIV标签中
若是Request.Files 始终是0,添加以下信息:
(1)在套用页面Page_Load中添加 Form.Enctype = "multipart/form-data";不要在母版页中加
(2)确保input type="file"包含 name属性,不然也取不到上传的文件。
另附一段JS动态添加上传标签的JS代码:
function AddFileControl() { var uploads = document.getElementsByName("upFile"); if (uploads.length >= 10) { alert("最多可以添加10个附件"); return false; } var innerDiv = document.createElement("div"); document.getElementById("dv1").appendChild(innerDiv); var fileControl = document.createElement("input"); fileControl.name = "upFile"; fileControl.type = "file"; innerDiv.appendChild(fileControl); var btnControl = document.createElement("input"); btnControl.name = "btnDelete"; btnControl.type = "button"; btnControl.setAttribute("value", "删除"); btnControl.onclick = function () { DeleteFileControl(this.parentNode) }; innerDiv.appendChild(btnControl); } function DeleteFileControl(obj) { document.getElementById("dv1").removeChild(obj); }
上传标签统一添加到页面名为:dv1的DIV标签中
相关文章推荐
- 在套用母版页的页面中使用input file上传图片
- input file 获取上传图片并显示在页面
- 处理同一页面中借助form+input[type="file"]上传图片出现的input无法清空问题
- 处理同一页面中借助form+input[type="file"]上传图片出现的input无法清空问题
- input file 图片上传
- 上传图片 ajax input type="file" 兼容 ie chroem 火狐
- file input中限制允许上传图片的类型
- form input file 图片上传360IE兼容问题
- Jq_input file标签上传图片到服务器
- input file 重复上传同一张图片失效的解决办法
- 图片上传时input file change事件多次触发解决
- input标签 type='file' 上传图片问题
- html5手机 input file 上传图片 调用API
- jquery如何获取input(file)控件上传的图片名称,即"11111.jpg"
- 将input file 上传组件替换成一张图片的简易方式
- <input type = file/>上传图片限制大小、类型判断、像素判断
- WebView 加载H5 <Input type="file"/>标签上传图片问题
- bootstrap-fileinput 图片上传
- bootstrap 上传图片插件 file-input 的简单使用
- BootStrap使用file-input插件上传图片的方法