upload上传图片
‘壹’ asp.net fileupload1上传图片怎样将图片名保存到数据库中
这个是我自己的，每个人的情况可能有些不同，但大致是这样子的。页面显示的差不多是这个样子
后台的代码坦早（点击上传）看下面：
string Photo_src ="photo/"+ FileUpload1.FileName;
string Photo_script = txt_photo_script.Text;
SqlConnection conn = new SqlConnection();
string constr = ConfigurationManager.ConnectionStrings["conn"].ToString();
conn.ConnectionString = constr;
conn.Open();
string str = "insert into photo (user_name,photo_name,photo_src,photo_script) values ('" + Session["user_name"].ToString() + "','" + FileUpload1.FileName + "','" + Photo_src + "','" + Photo_script + "')";
SqlCommand cmd = new SqlCommand(str, conn);
bool filesValid = false;
if (cmd.ExecuteNonQuery() > 0)
{
String fileExtension = System.IO.Path.GetExtension(this.FileUpload1.FileName).ToLower();
String[] restrictExtension = { ".gif", ".jpg", ".bmp", ".png" };
for (int i = 0; i < restrictExtension.Length; i++)
{
if (fileExtension == restrictExtension[i])
{
filesValid = true;
}
}
if (filesValid == true)
{
this.Image1.ImageUrl = "photo/" + FileUpload1.FileName;
this.FileUpload1.SaveAs(Server.MapPath("./") + "清信稿photo" + "//" + FileUpload1.FileName);
Response.Write("<script>alert('图片上传成功');</script>");
this.FileUpload1.PostedFile.FileName;
this.FileUpload1.PostedFile.ContentType;
}
else
{
答孝 Response.Write("<script>alert('图片格式不对（图片后缀错误）！');</script>");
}
Photo_src = "";
Photo_script = "";
}
‘贰’ jsp用upload实现图片上传时图片不能显示出来（没有显示错误）
程序开发中，尽量不要使用相对路径，容易出问题。你的问题很好解决
在文件最头上添加以下代码
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
然后图片路径这样写
<img src="<%=basePath%>upload/<%=fileName%>" />
‘叁’ el-upload上传图片
方法一：
使用formData
方法二：
使用el-upload
action：请求接口弊粗的地址
:on-success：上传租猜镇成功后的回调，第一个参数是接口返回的数据
url代表接口返回的图片地址，这里后台直兆敬接返给我url了
这里只是把图片上传了，但是还需要调用一下保存（更新）的接口
‘肆’ element UI使用Upload 上传视频，图片
elementUI中 upload 的地址： https://element.eleme.cn/#/zh-CN/component/upload 大家可以参考官方文档
这里我使用的是照片墙这个属性：list-type
```javascript
<el-upload
name="fileUpload"//上传文件的字段名字由后台提供
:data="folderName"//文件存储的文件夹
:action="这里的接口是后台提供的"
list-type="picture-card"
:on-success="successUpdata"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove">
<i class="el-icon-plus"></i>
</el-upload>
data{
folderName: {folderName:'ycylManage'},
}
methods: {
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible =true;
},
//上传成功的方法
successUpdata(file){
this.headImg = file.paths[0] //返回的是图片的路径
},
图片示例：
经过滑培试验这个上信睁唯传是可以上传早孝视频的，所以推荐大家用这个，上传图片与上传图片是一样的
‘伍’ uview组件upload只能上传图片吗
uview组凳简件upload只能上传图片，这个是移动版组件，上传时选择手机枣族裤相册和拍摄的照片，穗伏可以查看官网的API属性说明
‘陆’ 文件上传有两种方式upload
文件上传有两种方式
1.基于文件处理为文件流然后然后传给返裤服务器，这个我们一般是用form-data来处理的，我们把文件流信息放到form-data里面，把form-data传给我们的服务器。然后服务器拿到form-data相关的数据做处理。
2.客户端需要把文件转化为base64位，转化为base64然后传给服务器，服务器在转化为文件
VUE elementUI 表单上传
在项目开发需求中基于VUE + elementUI在表单实现多张图片和Excel文件上传的需求。
1.图片上传模板
2、常用方法介绍
1、在实现自定义上传的:auto-upload设为"false"时before-upload将会无效，此时如要验证文件类型或者大小此处使用on-change的方法，在on-change方法中判断图片类型、大小，如果符合要求加入到pthotoLists中，不符合则移除
2、表单点击提交进行验证以及文件自定义上传将文件通过参数传递
1、将form表单元素的name与value进行组合，实现表单数据做烂的漏胡简序列化，从而减少表单元素的拼接，提高工作效率
3、通过append方法进行添加文件和数据
4、pPostFile为接口提交方式相当于axios
action为 提交的地址（接口名称）
formDataObj为表单中提交的所有参数（内容）
hearder即为header中需要的参数
‘柒’ DiskFileUpload组件 上传图片。上传后服务器中的文件大小为0
while (iter.hasNext()) {
org.apache.commons.fileupload.FileItem item = (org.apache.commons.fileupload.FileItem) iter.next();
// 忽略其他不是文物弊御件域的所有表单信息
if (!item.isFormField()) {
String name = item.getName(); // 获取上传文件名,包括路径
name = name.substring(name.lastIndexOf("\\") + 1); // 从罩岩全路径中提取文件名
long size = item.getSize();
if (name != null && !name.equals("") && size != 0) {
String filePath = System.currentTimeMillis() + "_" + name;
item.write(new java.io.File(uploadDir, filePath));
//要保证uploadDir指向的目录是存在的。
}
}
}
先不要写多余的代码，保证上传成功先
System.out.println("upload file error ...");
出现错误后，不要屏蔽具体卜孝的信息，那样很调试问题的。
‘捌’ 为什么用FileUpload上传图片到指定的文件目录下面，显示的是空文件
你先不要判读类型。。 也不要记着保存数据库记录
首先，你上传文件，确保可以保存成或源猛功，衫桥并且保存的文件和你上传的是完裂早全一样的。
‘玖’ 用aspupload如何同时上传两张图片，并以新命名的方式把路径保存到数据库求高手解决
ajax异步。
图1图2分别异步提交图片到后台。新名字的话也是后台处理的。图片存在空间里，把图片名存在数据库里。输出图片名到前台
前台图1图2后面可分别设一个隐藏的 input 用来ajax返回各自的图片名。
总的提交按钮只提交隐藏的input即可。（input里是图片名，可同时提交多个input）
暂无图片在第一次加载html时加载。每一次ajax上传图片除了返回图片名到对应的input外，还同时js动态输出新img标签代替对应的暂无图片，新img标签要写好完整的图片地址。
‘拾’ asp upload组件上传图片
两个办法：
1、替换掉reqest.form("控件名")，全用upload.form(“控件名”）
2、表单里边加一个接收图片的文誉丛亩本框加一个ifrmae里边放上传界面庆森、代码，用js控制上传完毕之后的路径赋值给form表单里边的接收图片文郑皮本框