文件(图片)的上传和显示操作步骤

最新推荐文章于 2024-08-18 10:54:05 发布

m0_50175138

最新推荐文章于 2024-08-18 10:54:05 发布

阅读量724

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/m0_50175138/article/details/108100723

版权

本文详细介绍了如何通过JavaScript实现图片的上传和显示，包括在数据库中添加图片字段，更新实体模型，视图中的表格初始化，控制器方法的修改，图片查看按钮的定义，图片文件夹的创建，以及使用FileReader读取并显示图片等步骤。

摘要由CSDN通过智能技术生成

文件(图片)的上传和显示操作步骤

去数据库中的用户表里通过设计来给表添加picture图片字段，并设置字段的数据类型为nvarchar(500)（在用户表里的图片是用户的头像）。
回到当前项目的Models存放实体模型的文件夹里，去当前项目的实体数据模型里更新已经添加了picture图片字段的表。
更新当前项目数据表的步骤：
（1）先删除原来还没添加新字段的数据表。
（2）在实体数据模型的空白处点击鼠标的右键，再点击“从数据库更新模型”，再选择新弹出的窗口里的添加的滑动门下的‘表’，在里面选择刚删除的数据表，在勾选下面“在模型中包括外键列 (k)”的复选框。最后，点击‘完成(f)’按钮，实体数据模型就会生成一个和数据库保持一致的数据表，在新生成的数据表中就有了在数据库中新添加的字段。
来到视图上，在页面加载事件中，表格初始化或表格渲染里的cols数据添加上一列代码数据，在数据中的templet 属性代表自定义列，代码如下所示：
来到控制器方法里原来的表格数据查询赋值字段的代码里，添加上数据表新添加的字段，并给字段进行赋值操作，代码如下所示：

关注