نمایش عکس توسط جاوا اسکریپت و آپلود آن بر روی دیتابیس

[MohammadGh2011]

با این کد:

fileinput = document.input.File;
که عکس یا فایل رو باز میکنه
حالا مرحله اول؛
چطور عکس رو نمایش بدم؟ ینی به محض این که باز کردم عکس درون یه img تو صفحه باز بشه؟

مرحله دوم؛
چطور ادرس این عکس رو در بیارم ینی مثلا c:/pic/img1.png و سپس درون پایگاه دادم و در فیلد مخصوصش آپلودم کنم؟

لطفا سوالات رو با دقت بخونید...
پیشاپیش از راهنمایی شما سپاس گزارم...

[ashkufaraz]

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


function readURL(input) {

if (input.files && input.files[0]) {
var reader = new FileReader();

reader.onload = function (e) {
$('#blah').attr('src', e.target.result);
}

reader.readAsDataURL(input.files[0]);
}
}

$("#imgInp").change(function(){
readURL(this);
});

[MohammadGh2011]

خب برادر کد کامل بزار!!!
همراه با تگهاش ...

[ashkufaraz]

بیا برادر از اینجا http://stackoverflow.com/questions/4459379/preview-an-image-before-it-is-uploaded ببین

[MohammadGh2011]

http://jsfiddle.net/LvsYc/4681/ این کد که کار نکرد نمیدونم چ مرگشه تو سایت خودشون میاره ولی تو سیستم من نمیاره
از این کد استفاده کردم:


Html
<input type="file" accept="image/*" onchange="showMyImage(this)" />
<br/>
<img id="thumbnil" style="width:20%; margin-top:10px;" src="" alt="image"/>


JS
function showMyImage(fileInput) {
var files = fileInput.files;
for (var i = 0; i < files.length; i++) {
var file = files[i];
var imageType = /image.*/;
if (!file.type.match(imageType)) {
continue;
}
var img=document.getElementById("thumbnil");
img.file = file;
var reader = new FileReader();
reader.onload = (function(aImg) {
return function(e) {
aImg.src = e.target.result;
};
})(img);
reader.readAsDataURL(file);
}
}

حالا چه طور آدرسش رو در بیارم و آپلود کنم؟