آپلود عکس با استفاده از jquery و Ajax

این تاپیک 1 پاسخ و 1 مشارکت کننده دارد . آخرین آپدیت توسط :  Ali Rezai ،‏ 10 ماه پیش .

این تاپیک تاکنون 440 بازدید داشته است .

نویسنده پست
دوشنبه ، 1 فوریه 2016     1:59 ب.ظ #


Ali Rezai

Subscriber
4 پست2 تاپیک

با سلام

من توسط ajax+jquery+html که از سایت https://blueimp.github.io/jQuery-File-Upload/ گرفتم

برای سایتم یه قسمت آپلود عکس ساختم که در لوکال هاست زمپ روی کامپیوتر کاملا عمل می کنه ولی وقتی در هاست سایتم قرارش می دم عکس آپلود می شه ولی پیغام ارور آپلود نشدن رو می ده . لطفا راهنمایی کنید که باید چه کار کنم ؟

توضیحات بیشتر :

همون طور که در کد پیوست مشاهده می کنید در قسمت fileuploaddone من خواستم که آدرس عکس را در یک اینپوت قرار دهد

ولی وقتی عکس انتخاب می شه و آپلود می شه این اتفاق نمی افته در صورتی که تو فولدر مشخص شده در هاست عکس آپلود شده و وجود داره یعنی آپلود انجام شده

ارور نیز پیغامی هستش که در قسمت fileuploadfail نوشته شده است به نمایش در می آید.

با تشکر از شما

لطفا در صورت امکان بنده را در رفع این مشکل راهنمایی نمایید

کد :

// <![CDATA[
$(function () {
'use strict';
var url = window.location.hostname === 'blueimp.github.io' ?
'//jquery-file-upload.appspot.com/' : 'upload/img_p/',
uploadButton = $('')
.addClass('btn btn-primary')
.prop('disabled', true)
.on('click', function () {
var $this = $(this),
data = $this.data();
$this
.off('click')
.text('لغو آپلود')
.on('click', function () {
$this.remove();
data.abort();
});
data.submit().always(function () {
$this.remove();
}); });
$('#fileupload').fileupload({
url: url,
dataType: 'json',
autoUpload: true,
acceptFileTypes: /\.(gif|jpe?g|png)$/i,
maxFileSize: 1500000, // 150 KB
disableImageResize: /Android(?!.*Chrome)|Opera/
.test(window.navigator.userAgent),
previewMaxWidth: 200,
previewMaxHeight: 200,
previewCrop: false,
}).on('fileuploadadd', function (e, data) {
data.context = $('
').appendTo('#files');
$.each(data.files, function (index, file) {
var node = $('')
.append($('').text(file.name));
if (!index) {
node
.append('
')
.append(uploadButton.clone(true).data(data));
}
node.appendTo(data.context);
});
}).on('fileuploadprocessalways', function (e, data) {
var index = data.index,
file = data.files[index],
node = $(data.context.children()[index]);
if (file.preview) {
node
.prepend('
')
.prepend(file.preview);
}
if (file.error) {
node
.append('
')
.append($('').text(file.error));
}
}).on('fileuploadprogressall', function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#progress .progress-bar').css(
'width',
progress + '%'

);
$("#darsad").text(progress+'%');

}).on('fileuploaddone', function (e, data) {
$.each(data.result.files, function (index, file) {
if (file.url) {
alert("آپلود فايل بر روي سرور با موفقيت انجام شد")
$("#AX").val(file.url);
var link = $('')
.attr('target', '_blank')
.prop('rel="nofollow" href', file.url);
$(data.context.children()[index])
.wrap(link);
} else if (file.error) {

var error = $('').text(file.error);
$(data.context.children()[index])
.append('
')
.append(error)
}
});
}).on('fileuploadfail', function (e, data) {
$.each(data.files, function (index) {
var error = $('').text('آپلود فايل نا موفق بوده است . لطفا دوباره تلاش کنيد.');
$(data.context.children()[index])
.append('
')
.append(error);
});
}).prop('disabled', !$.support.fileInput)
.parent().addClass($.support.fileInput ? undefined : 'disabled');
});
// ]]>

پیوست ها:
You must be logged in to view attached files.
0  تشکر
سه شنبه ، 2 فوریه 2016     10:51 ق.ظ #


Ali Rezai

Subscriber
4 پست2 تاپیک

سلام

 

از اساتید محترم کسی نیست که ما را یاری کند ؟؟؟

0  تشکر
پست 1 تا 2 (از مجموع 2 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .