在一次调用中同时获取图像和工具提示
在一次调用中同时获取图像和工具提示
提问于 2016-01-30 11:33:49
如何在对MVC控制器方法的单个调用中同时获得图像和工具提示？我可以使用类似下面的代码来获取图像，但是如何获得相关的工具提示呢？用例是，如果允许用户查看图像，则显示图像，否则显示通用图像和工具提示，指出图像未显示的原因。
为了清楚起见，我希望避免对控制器的两次调用，一次是获取图像路径和工具提示，另一次是获取图像文件。这不仅会导致网络上的两次往返，还会重复验证检查。问题是img src调用只包含图像，而不包含其他属性，例如与图像相关联的标题。
<img src="@Url.Action("GetPicture", "User", new { userId = Model.User.Id })" />回答 4
Stack Overflow用户
发布于 2016-01-30 12:09:42
难道不能使用GetImage中的相同权限逻辑为GetTitle提供第二个方法，然后为每个用户返回相应的文本吗？然后为title属性调用此方法。
Stack Overflow用户
发布于 2016-01-30 12:39:37
你能用下面的方法解决这个问题吗？
创建模型
public class ImageViewModel
{
public string ImagePath
{
get;
set;
}
public string ImageTitle
{
get;
set;
}
}创建局部视图
@using StackOverFlowProject.Models
@model ImageViewModel
<img src=@Model.ImagePath title=@Model.ImageTitle />您的控制器
public PartialViewResult _Image(string userID)
{
ImageViewModel model = new ImageViewModel();
//Here You can check what image and tooltip you want show to the user
//model = //FillData from DB /
return PartialView("_Image", model);
}最后，在您想要显示图像的MainView中，渲染局部视图
Stack Overflow用户
发布于 2016-01-31 04:45:10
我不确定这是否是最好的方法，但是我做到了，创建了一个Ajax表单，使用jQuery提交表单，返回一个字节数组编码为Base64字符串的JSON对象，并使用Javascript显示图像。到目前为止似乎是有效的，将从进一步的测试中了解更多。
在视图中：
<div id="imgDiv">
@using (Ajax.BeginForm("GetImg", "User", null, new AjaxOptions()
{
HttpMethod = "POST",
Url = Url.Action("GetImg", "User"),
OnSuccess = "DisplayImageWithTooltip(data, 'imgDiv')",
}, new { id = "ImgForm", @class = "imageGetterWithTooltip" }))
{
@Html.AntiForgeryToken()
@Html.Hidden("userId", @Model.User.Id)
}
</div>用于提交表单的Javascript：
$(".imageGetterWithTooltip").submit();在控制器中(基于https://stackoverflow.com/a/9464137/1385857)
return Json(new
{
fileBytes = Convert.ToBase64String(<File byte[]>),
fileType = <FileType>,
tooltip = <toolTip>
}, JsonRequestBehavior.AllowGet);显示图像的Javascript
function DisplayImageWithTooltip(data, target) {
var oImg = document.createElement("img");
oImg.width = 150;
oImg.height = 150;
oImg.setAttribute('src', "data:" + data.fileType + ";base64," + data.fileBytes);
oImg.setAttribute('title', data.tooltip);
document.getElementById(target).appendChild(oImg);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35097667
复制相关文章
相似问题
腾讯云开发者
