首页 > 其他分享 >今天在写MVC+Ajax上传图片的时候,感觉想不起来了,再复习一下

今天在写MVC+Ajax上传图片的时候,感觉想不起来了,再复习一下

时间:2022-08-31 20:24:05浏览次数:98  
标签:控件 复习 Ajax MVC 前台 上传 图片

首先我们在写前台布局的时候要有一个上传文件的控件,同时将这个控件的name属性命名一下,并且将ajax的控件拖拽进来,以及ajax的各项属性写好

就像这样

写完前台之后,记得去Shared文件夹中去将下面的三行拖到上面去,不然无法使用Ajax

然后就是控制器中了,将控制器的添加方法里面的参数写上一个HttpPostedFileBase类型的名字,名字与前台的上传控件的名字相同,不然接收不到图片信息

再将文件的虚拟路径放到model中,放进去之后,将它的虚拟路径转化为物理路径,如下图

最后返回一个n值到前台中的方法中进行弹框提示

这样就可以在显示界面显示出图片来,同时路径也会传过去当然显示界面的图片,显示需要使用img控件

好了,这样图片就可以显示处来了,

上传还可以参考一下这篇:ASP.NET MVC中使用Ajax.BeginForm()的例子_风神修罗使的博客-CSDN博客

标签:控件,复习,Ajax,MVC,前台,上传,图片
From: https://www.cnblogs.com/Wdjy/p/16644399.html

相关文章

  • SpringMVC
    感谢!!!......
  • SpringMVC静态资源的过滤
    方法一:使用tomcat默认的servlet进行匹配。配置在web.xm,配置代码如下:<!--激活tomcat的defaultservlet拦截静态资源--><servlet-mapping><servlet-name>default</serv......
  • 在 node 中使用 jquery ajax
    对于前端同学来说,ajax请求应该不会陌生。jquery真的ajax请求做了封装,可以通过下面的方式发送一个请求并获取相应结果:$.ajax({url:"https://echo.apipost.cn/get.......
  • stl 复习
    迭代器的作用STL为了泛型的思想,推崇算法的复用,所以把和数据相关的容器与实际计算的算法分离。这时候算法就需要能够通过统一的接口从不同的容器中获取数据,这个统一的接口......
  • 面试题之:SpringMVC框架
    1、谈一下你对SpringMVC框架的理解(了解)SpringMVC是一个基于Java的、实现了MVC设计模式的请求驱动类型的轻量级Web框架,通过把Model,View,Controller分离,将we......
  • jQuery - AJAX get() 和 post() 方法
    jQuery- AJAXget()和post()方法HTTP请求:GETvs.POST两种在客户端和服务器端进行请求-响应的常用方法是:GET和POST。GET -从指定的资源请求数据POST -向......
  • SpringMVC 01: SpringMVC + 第一个SpringMVC项目
    SpringMVCSpringMVC概述:是基于MVC开发模式的框架,用来优化控制器是Spring家族的一员,也具备IOC和AOP什么是MVC:它是一种开发模式,是模型视图控制器的简称,所有的......
  • 复习强化学习
    https://zhuanlan.zhihu.com/p/374376193  首发于机器学习与强化学习写文章 强化学习一:基本原理 贺治东数据挖掘、深度学习、NLP、强化学习​关注1人赞同......
  • MySQL刷题复习笔记 - 每日持续更新
    PS为了代码规范,所以所有关键字均为大写,其他为小写。点击题目名称即为题解链接。MySQL基本语法SELECT[DISTINCT]列名1,列名2...FROM表名WHERE查询条件表达......
  • MVC和MVVM(面试)
    MVC与MVVM之间的区别(1)MVC在实际应用开发场景中,开发者常用的一种设计模式是MVC(eg:node(后端)中的MVC设计模式):M(Model):数据模型层。是应用程序中用于处理应用程序数据逻辑的......