成都阿里云代理商：asp.net多图片 数据库

您好，感谢您选择阿里云服务。想要实现asp.net多图片上传并且将文件路径存储到数据库中，可以按以下步骤操作：

1. 前端页面实现多图片上传功能，可以使用HTML5的multiple属性或者JavaScript框架如jQuery的插件来实现，具体可以参考jQuery File Upload或dropzone.js等库。
2. 后端配置文件上传接口，可以使用ASP.NET提供的HttpPostedFile类，接收前端发送的文件流并保存至服务器本地路径。
3. 将图片的存储路径保存至数据库中，可以使用ADO.NET或Entity Framework等ORM框架实现。在通过文件上传接口返回存储路径时，将路径写入数据库中即可。

具体实现方式可以参考以下代码：

前端实现多图片上传：

HTML代码：

<form id="form1" enctype="multipart/form-data">
    <input type="file" name="images" multiple />
    <button type="submit">上传</button>
</form>

JS代码：

$('#form1').submit(function (e) {
    e.preventDefault();
    var formData = new FormData($(this)[0]);
    $.ajax({
        url: '/UploadHandler.ashx',
        type: 'POST',
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        success: function (data) {
            alert('上传成功');
        }
    });
    return false;
});

后端实现文件上传：

ASP.NET代码：

public class UploadHandler : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {
        HttpFileCollection files = context.Request.Files;
        List<string> filePaths = new List<string>();
        for (int i = 0; i < files.Count; i++)
        {
            HttpPostedFile file = files[i];
            string fileName = Path.GetFileName(file.FileName);
            string filePath = "/upload/" + fileName;
            file.SaveAs(context.Server.MapPath(filePath));
            filePaths.Add(filePath);
        }
        context.Response.Write(string.Join(",", filePaths));
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}

后端实现存储路径至数据库：

ASP.NET代码：

public class Image
{
    public int Id { get; set; }
    public string Path { get; set; }
}

public class ImageDbContext : DbContext
{
    public DbSet<Image> Images { get; set; }
}

public class ImageRepository
{
    public void AddImage(string path)
    {
        using (var db = new ImageDbContext())
        {
            db.Images.Add(new Image
            {
                Path = path
            });
            db.SaveChanges();
        }
    }
}

可以在上传文件成功时，调用ImageRepository.AddImage方法将文件的存储路径写入数据库中。

希望这些信息对您有所帮助。若您需要更多帮助或者有其他问题，请随时联系我们。

存储

在asp.net中，如果需要存储多张图片到数据库中，可以使用以下步骤：

1. 设计数据库表，包含一个存储图片数据的字段，类型为二进制。
2. 在asp.net页面中，使用FileUpload控件上传多张图片，并将每张图片转换成二进制数据，并将这些数据存储到一个List<Byte[]>集合中。
3. 将List<Byte[]>集合中的数据逐个插入到数据库中。
4. 在asp.net页面中，使用Gridview控件显示从数据库中读取出的图片数据。

示例代码如下：

1. 数据库表设计：

CREATE TABLE images (
id INT PRIMARY KEY IDENTITY,
image_data VARBINARY(MAX)
)

2. asp.net页面代码：

<!– 上传多张图片 –>
<asp:FileUpload ID=”fuImage” runat=”server” AllowMultiple=”true” />

<!– 保存多张图片到数据库 –>
<asp:Button ID=”btnSave” runat=”server” Text=”保存” OnClick=”btnSave_Click” />

<!– 显示从数据库中读取出的图片数据 –>
<asp:GridView ID=”gvImages” runat=”server” AutoGenerateColumns=”false”>
<Columns>
<asp:TemplateField HeaderText=”图片”>
<ItemTemplate>
<asp:Image ID=”img” runat=”server” Height=”100px” Width=”100px” ImageUrl='<%# Eval(“image_data”, “data:image/jpeg;base64,{0}”) %>’ />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

3. asp.net代码-behind：

protected void btnSave_Click(object sender, EventArgs e)
{
List<byte[]> imageList = new List<byte[]>();
foreach (HttpPostedFile file in fuImage.PostedFiles)
{
byte[] imageData = new byte[file.ContentLength];
file.InputStream.Read(imageData, 0, file.ContentLength);
imageList.Add(imageData);
}

using (SqlConnection con = new SqlConnection(“YourConnectionString”))
{
con.Open();

SqlCommand cmd = new SqlCommand(“INSERT INTO images (image_data) VALUES (@image_data)”, con);
SqlParameter param = cmd.Parameters.Add(“@image_data”, SqlDbType.VarBinary);
foreach (byte[] imageData in imageList)
{
param.Value = imageData;
cmd.ExecuteNonQuery();
}
}

// 更新GridView
BindGridView();
}

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
BindGridView();
}
}

private void BindGridView()
{
using (SqlConnection con = new SqlConnection(“YourConnectionString”))
{
con.Open();

SqlCommand cmd = new SqlCommand(“SELECT image_data FROM images”, con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataTable dt = new DataTable();
da.Fill(dt);
gvImages.DataSource = dt;
gvImages.DataBind();
}
}