برش عکسها قبل از ثبت تصاویر
سلام
من قسمت آپلود تصاویر رو بصورت زیر انجام دادم (بر حسب نیاز که هر عکس جداگانه آپلود شود) . اما میخوام زمان آپلود بتونم عکسها رو برش بزنم اگر یک uploader داشته باشیم میتونیم از کتابخانه های jquery استفاده کنیم و برش عکس رو داشته باشیم .اما زمانیکه تعدا عکسها نامشخصه چطور میتونم هر عکس که آپلود شد برش عکس رو براش اعمال کنم؟
ممنون
<div id="gallery">
<input type="file" name="GalleryImg" value="" />
</div>
<br />
<button type="button" class="btn btn-info btn-xs" onclick="Addimage()"><i class="fa fa-plus"></i> افزودن عکس جدید</button>
<br />
<div class="form-group">
<input type="submit" value="ثبت تصاویر" class="btn btn-success" />
</div>
</form>
<script>
function Addimage() {
$('#gallery').append("<div class='col-md-6'> <input type='file' name='GalleryImg' value='' /> </div>")
}
</script>
نقل قول: برش عکسها قبل از ثبت تصاویر
به نظر میرسه مشکل شما در کار با عکسها نیست. در Model Binding هست. شما تعداد زیادی عکس رو می خواهید به سرور ارسال کنید و نمی خواهید از روش Multiple استفاده کنید.
در سمت سرور باید متغیری از نوع Collection دریافت کنید. اسمش هم بزارید files و در سمت کلاینت برای input باید در قسمت name از این روش استفاده کنید:
<input type="file" name="GalleryImg[0]" value="" />
وقتی با jQuery یک Input جدید می سازید باید اندیس متغیر درون Name رو اضافه کنید تا بعدا به صورت آرایه در سرور دریافت بشه.