سلام دوستان.من از یه نمونه پلاگین برای آپلود با استفاده از بوت استرپ میخوام استفاده کنم. اما تو ذخیره و بر گرداندن تصاویر مشکل دارم.
لینک سمپل و کدارو میذارم.ممنون میشم راهنمایی کنید.
http://plugins.krajee.com/file-input-ajax-demo/6
/////////////////////////////////////////////////////////////////
<input id="input-705" name="kartik-input-705[]" type="file" multiple class="file-loading">
<script>
var $input = $("#input-705");
$input.fileinput({
uploadUrl: "http://localhost/file-upload-batch/2", // server upload action
uploadAsync: false,
showUpload: false, // hide upload button
showRemove: false, // hide remove button
minFileCount: 1,
maxFileCount: 5
}).on("filebatchselected", function(event, files) {
// trigger upload method immediately after files are selected
$input.fileinput("upload");
});
</script>
چه مشکلی دارید ؟
کافیست آدرس تصویر را برگردانید و در Success دریافت کنید و عملیات مورد نظر را انجام دهید
سلام.من تو حالت آپلود تصویر action UploadFile رو صدا میزنم.و بعد از آپلود آدرس تصویر را میفرستم.ولی وقتی src عکس رو چک میکنم.آدرسی که بهش دادم نمیاره.
<script>
var $input = $("#input-705");
$input.fileinput({
uploadUrl: "/Home/UploadFile", // server upload action
uploadAsync: false,
showUpload: false, // hide upload button
showRemove: false, // hide remove button
minFileCount: 1,
maxFileCount: 5
}).on("filebatchselected", function (event, files) {
// trigger upload method immediately after files are selected
$input.fileinput("upload");
});
</script>
//////////////////controler/////////////
public ActionResult UploadFile() {
string FileName = null;
var Path = Request.Files["kartik-input-705[]"];
if (Path != null && Path.ContentLength > 0)
{
FileName = DateTime.Now.Ticks + "_" + System.IO.Path.GetFileName(Path.FileName);
Path.SaveAs(Server.MapPath("~/FileUpload/" + FileName));
}
return Json(new Result { FileName = "~/FileUpload/" + FileName }, JsonRequestBehavior.AllowGet);
}
تصویر :
لطفا برای درج کد از کلید کد در ادیتور استفاده کنید
نمیشه اینجوری کدهاتون رو خوند
میخوام با انتخاب تصاویر عکسا آپلود بشه و با زدن دکمه ثبت آدرس تصاویر در بانک ذخیره بشه. <input id="input-705" name="kartik-input-705[]" type="file" multiple class="file-loading"> <script> var $input = $("#input-705"); $input.fileinput({ uploadUrl: "/Home/UploadFile", // server upload action uploadAsync: false, showUpload: false, // hide upload button showRemove: false, // hide remove button minFileCount: 1, maxFileCount: 5 }).on("filebatchselected", function (event, files) { // trigger upload method immediately after files are selected $input.fileinput("upload"); }); </script> /////////////// [HttpPost] public ActionResult UploadFile() { string FileName = null; var Path = Request.Files["kartik-input-705[]"]; if (Path != null && Path.ContentLength > 0) { FileName = DateTime.Now.Ticks + "_" + System.IO.Path.GetFileName(Path.FileName); Path.SaveAs(Server.MapPath("~/FileUpload/" + FileName)); } return Json( "~/FileUpload/" + FileName , JsonRequestBehavior.AllowGet); }
در کدام خط از Jquery خاصیت src را ست کردید ؟
من چیزی پیدا نکردم
مشکلم در برگرداندن و ست کردن src است.
و اگه چند تا تصویر انتخاب کرده باشم چطور برگردونم آدرس همه تصاویر؟ اگه امکان داره مثال بزنید
ممنون
متاسفانه مثالی آماده ندارم
کافیست شما به صورت لیست آدرس ها را برگردانید و با $.each که حلقه است به ترتیب روی صفحه نمایش دهید
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)