获取文件

获取文件或者图片;

 

注:由于文件的内存一般都比较大,我们获取到了文件一般也不会直接存入数据库;通常方法是将文件路径保存进数据库,而文件创建一个文件夹保存;要查找的时候通过查找路径就可以调出文件所在位置;打开文件了;

 

获取文件都知道;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判断我们直接看一下如何保存图片

 

文件图片保存然后保存:

相关文章: