Javascript 在ajax请求MVC上保存图像数据
大家好,我想使用ajax保存图像数据:id、标题和相册标题。 这是我的模型Javascript 在ajax请求MVC上保存图像数据,javascript,jquery,ajax,asp.net-mvc,Javascript,Jquery,Ajax,Asp.net Mvc,大家好,我想使用ajax保存图像数据:id、标题和相册标题。 这是我的模型 [Key] public int ID { get; set; } public string albumTitle { get; set; } public string photoUrl { get; set; 控制器 public ActionResult Save() { return View("Index"); } [HttpP
[Key]
public int ID { get; set; }
public string albumTitle { get; set; }
public string photoUrl { get; set;
控制器
public ActionResult Save()
{
return View("Index");
}
[HttpPost]
public ActionResult Save(int id,string photoUrl, string albumName)
{
ps.ID = id;
ps.photoUrl = photoUrl;
ps.albumName = albumName;
return View("Index");
}
和视图
@model FlickrApi.Models.FavouritePhotos
<div id="gallery">
</div>
<script>
$(document).ready(function () {
var url = 'https://api.flickr.com/services/rest/?&method=flickr.photosets.getList&api_key=715a9548b42114d69859975d717210cd&user_id=126550680@N04&format=json&jsoncallback=?';
$.getJSON(url, function (data) {
$.each(data.photosets.photoset, function (idx, item) {
var photosetid = item.id;
var photosurl = 'https://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos&api_key=e6be1bfdf4294482904dce01ac431615&photoset_id=' + photosetid + '&media=photos&format=json&jsoncallback=?&per_page=?';
// here you would build a new url for each photoset
// example of how to extract just printing "secret" on right
$('#gallery').append('<h3 class="echo" id="' + idx + '" >' + item.title._content + '</h3><ul class="gallery photos grp' + idx + '"></ul>');
// once url is built you would pass to plugin, or make own getJSON request for each set and then parse results same way 'secret' extracted above to insert into page
$.getJSON(photosurl, function (data) {
$.each(data.photoset.photo, function (photoNum, photo) {
var photoid = photo.id;
var secret = photo.secret;
var server = photo.server;
var farm = photo.farm;
var photo_url = 'http://farm' + farm + '.static.flickr.com/' + server + '/' + photoid + '_' + secret + '_s.jpg';
var photo_urlm = 'http://farm' + farm + '.static.flickr.com/' + server + '/' + photoid + '_' + secret + '_m.jpg';
$('.photos.grp' + idx).append('<li><a class="example" data-toggle="tooltip" title="' + photo.title + '" href="#"><img class="save" src="' + photo_url + '" /></a></li>');
// $('.photos.grp' + idx).css('display','none');
$('.photos').css('list-style-type', 'none');
$('.example').tooltip(
{
animation: true,
});
$('.save').click(function() {
$.ajax({
type: "POST",
url: '@Url.Action("Save","Home")',
data: {id: photo.id, photoUrl:photo_url, ablumName: photo.title}
});
});
});
});
});
});
});
@model FlickrApi.Models.favoritePhotos
$(文档).ready(函数(){
var url='1〕https://api.flickr.com/services/rest/?&method=flickr.photosets.getList&api_key=715a9548b42114d69859975d717210cd&user_id=126550680@N04&format=json&jsoncallback=?';
$.getJSON(url、函数(数据){
$.each(data.photosets.photoset,函数(idx,项){
var photosetid=item.id;
var photosurl=https://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos&api_key=e6be1bfdf4294482904dce01ac431615&photoset_id=“+photosetid+”&media=photos&format=json&jsoncallback=?&per_page=?”;
//在这里,您将为每个照片集创建一个新的url
//如何提取右侧打印的“机密”示例
$(“#gallery”).append(“+item.title._content+”
);
//一旦建立了url,你们就可以传递给插件,或者对每个集合发出自己的getJSON请求,然后用上面提取的“secret”同样的方式解析结果,插入到页面中
$.getJSON(photosurl,函数(数据){
$.each(data.photoset.photo,函数(photoNum,photo){
var photoid=photo.id;
var secret=photo.secret;
var server=photo.server;
var farm=photo.farm;
var photo_url='1〕http://farm'+farm+'.static.flickr.com/'+server+'/'+photoid+''u'+secret+''u s.jpg';
var photo_urlm=http://farm'+farm+'.static.flickr.com/'+server+'/'+photoid+''''u'+secret+''u m.jpg';
$('.photos.grp'+idx).append('');
//$('.photos.grp'+idx.css('display','none');
$('.photos').css('list-style-type','none');
$('.example')。工具提示(
{
动画:没错,
});
$('.save')。单击(函数(){
$.ajax({
类型:“POST”,
url:'@url.Action(“保存”、“主页”),
数据:{id:photo.id,photoUrl:photo_url,ablumName:photo.title}
});
});
});
});
});
});
});
Chrome控制台发送给我500个内部服务器错误,希望有人能帮助我,我将非常乐意为任何人提供帮助,谢谢。如果有人需要我在调用ajax检索图像时得到的信息,这里是jsbin上的示例代码您检查了500错误的原因了吗?任何人在不知道问题是什么的情况下如何解决问题?问题在于保存数据img,我认为我发出了错误的控制器或ajax请求。我认为是在窗口准备就绪时尝试保存所有传入的url、标题…你确定
photo.id
不为null或未定义的?是的,我确定