PDA

View Full Version : برش عکسها قبل از ثبت تصاویر



sara_t
چهارشنبه 30 آبان 1397, 18:59 عصر
سلام

من قسمت آپلود تصاویر رو بصورت زیر انجام دادم (بر حسب نیاز که هر عکس جداگانه آپلود شود) . اما میخوام زمان آپلود بتونم عکسها رو برش بزنم اگر یک 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>&nbsp; افزودن عکس جدید</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>

hakim22
شنبه 03 آذر 1397, 22:21 عصر
به نظر میرسه مشکل شما در کار با عکسها نیست. در Model Binding هست. شما تعداد زیادی عکس رو می خواهید به سرور ارسال کنید و نمی خواهید از روش Multiple استفاده کنید.

در سمت سرور باید متغیری از نوع Collection دریافت کنید. اسمش هم بزارید files و در سمت کلاینت برای input باید در قسمت name از این روش استفاده کنید:


<input type="file" name="GalleryImg[0]" value="" />


وقتی با jQuery یک Input جدید می سازید باید اندیس متغیر درون Name رو اضافه کنید تا بعدا به صورت آرایه در سرور دریافت بشه.