获取文件
获取文件或者图片;
注:由于文件的内存一般都比较大,我们获取到了文件一般也不会直接存入数据库;通常方法是将文件路径保存进数据库,而文件创建一个文件夹保存;要查找的时候通过查找路径就可以调出文件所在位置;打开文件了;
获取文件都知道;input标签的 type="file"这个属性就是获取文件;
就像这样的就是获取文件的按钮了
那么我们主要讲一下图片获取吧
首先我们肯定用到上面的input标签的file属性了;
但是我们如何去显示图片呐;
先看一下图片我们一般用img标签来放的;
所以我们如何通过选择文件来显示图片呐?
看一下布局
先不看td、tr和table标签;
<img src="" id="userPicture" ondblclick="showImageSelectDialog()" style="max-width: 240px; max-height: 240px;min-width:100px;min-height:100px;border:solid 1px #b7b2b2" />
看一下这个img标签;我们不给他src路径;给他一个大小和样式;我们想一下,img的src我们要是给了他一个路径;是不是就显示出图片了;那么路径除了手动引入;
那就通过我们的input标签来获取路径了;我们把input隐藏起来;通过点击img标签来触发input;
这样我们就可以得到一个
img的框
通过双击事件就可以调用input打开文件
然后选择图片
最后实现回填img的src路径完成图片回填;
最后通过获取input的id获取路径进行保存,
var userPicture = $("#userPictureFile").get(0).files[0];//用户头像
这里我们保存文件建议用ajax去提交
根据提交路径找到方法;这里注意看HttpPostedFileBase userPicture我们提交的图片
除去if判断我们直接看一下如何保存图片
然后保存: