نیکناز
سه شنبه 12 آذر 1392, 12:52 عصر
سلام
من با کد زیر چند تا عکس و با هم آپلود می کنم . ولی نمی دونم چه جوری باید این عکس ها رو بگیرم و تو پوشه images ذخیره کنم .
ویو :
@{
ViewBag.Title = "Index";
}
<style>
body
{
padding-top: 60px;
}
</style>
<form action="/api/upload" enctype="multipart/form-data">
<div class="row fileupload-buttonbar">
<div class="span7">
<div class="well">
<i class="icon-plus"></i><span> اضافه کردن فایل</span>
<input type="file" id="fileupload" name="fileupload" accept="image/*" multiple="multiple">
<button id="btnUploadAll" class="btn btn-success pull-right" type="button">
آپلود همه عکس ها</button>
<div class="clearfix">
</div>
<div class="progress">
<div class="bar" id="overallbar" style="width: 0%">
</div>
</div>
</div>
</div>
<div class="span7">
<div class="well hide" id="filelistholder">
</div>
</div>
<div class="span7">
</div>
</div>
</form>
@section PageScripts
{
<script type="text/javascript">
$(function () {
$('#fileupload').fileupload({
dataType: "json",
url: "/api/upload",
limitConcurrentUploads: 1,
sequentialUploads: true,
progressInterval: 100,
maxChunkSize: 10000,
add: function (e, data) {
$('#filelistholder').removeClass('hide');
data.context = $('<div />').text(data.files[0].name).appendTo('#filelistholder');
$('</div><div class="progress"><div class="bar" style="width:0%"></div></div>').appendTo(data.context);
$('#btnUploadAll').click(function () {
data.submit();
});
},
done: function (e, data) {
data.context.text(data.files[0].name + '... Completed');
$('</div><div class="progress"><div class="bar" style="width:100%"></div></div>').appendTo(data.context);
},
progressall: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#overallbar').css('width', progress + '%');
},
progress: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
data.context.find('.bar').css('width', progress + '%');
}
});
});
</script>
}
کنترلر :
public class UploadController : ApiController
{
[HttpGet]
[HttpPost]
public HttpResponseMessage Upload()
{
HttpPostedFile file = HttpContext.Current.Request.Files[0];
HttpContext.Current.Response.ContentType = "text/plain";
var serializer = new System.Web.Script.Serialization.JavaScriptSerializ er();
var result = new { name = file.FileName };
HttpContext.Current.Response.Write(serializer.Seri alize(result));
HttpContext.Current.Response.StatusCode = 200;
return new HttpResponseMessage(HttpStatusCode.OK);
}
}
F:\upload.png
من با کد زیر چند تا عکس و با هم آپلود می کنم . ولی نمی دونم چه جوری باید این عکس ها رو بگیرم و تو پوشه images ذخیره کنم .
ویو :
@{
ViewBag.Title = "Index";
}
<style>
body
{
padding-top: 60px;
}
</style>
<form action="/api/upload" enctype="multipart/form-data">
<div class="row fileupload-buttonbar">
<div class="span7">
<div class="well">
<i class="icon-plus"></i><span> اضافه کردن فایل</span>
<input type="file" id="fileupload" name="fileupload" accept="image/*" multiple="multiple">
<button id="btnUploadAll" class="btn btn-success pull-right" type="button">
آپلود همه عکس ها</button>
<div class="clearfix">
</div>
<div class="progress">
<div class="bar" id="overallbar" style="width: 0%">
</div>
</div>
</div>
</div>
<div class="span7">
<div class="well hide" id="filelistholder">
</div>
</div>
<div class="span7">
</div>
</div>
</form>
@section PageScripts
{
<script type="text/javascript">
$(function () {
$('#fileupload').fileupload({
dataType: "json",
url: "/api/upload",
limitConcurrentUploads: 1,
sequentialUploads: true,
progressInterval: 100,
maxChunkSize: 10000,
add: function (e, data) {
$('#filelistholder').removeClass('hide');
data.context = $('<div />').text(data.files[0].name).appendTo('#filelistholder');
$('</div><div class="progress"><div class="bar" style="width:0%"></div></div>').appendTo(data.context);
$('#btnUploadAll').click(function () {
data.submit();
});
},
done: function (e, data) {
data.context.text(data.files[0].name + '... Completed');
$('</div><div class="progress"><div class="bar" style="width:100%"></div></div>').appendTo(data.context);
},
progressall: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#overallbar').css('width', progress + '%');
},
progress: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
data.context.find('.bar').css('width', progress + '%');
}
});
});
</script>
}
کنترلر :
public class UploadController : ApiController
{
[HttpGet]
[HttpPost]
public HttpResponseMessage Upload()
{
HttpPostedFile file = HttpContext.Current.Request.Files[0];
HttpContext.Current.Response.ContentType = "text/plain";
var serializer = new System.Web.Script.Serialization.JavaScriptSerializ er();
var result = new { name = file.FileName };
HttpContext.Current.Response.Write(serializer.Seri alize(result));
HttpContext.Current.Response.StatusCode = 200;
return new HttpResponseMessage(HttpStatusCode.OK);
}
}
F:\upload.png