كيف يمكن عرض الصورة قبل تحميلها upload

سؤالك غير مفهوم بالمرة قول ال Use Case بتاعتك بالكامل عشان نقدر نساعدك

ok
لدي صفحة فية image
و inputfile الي ان عوزة لما احمل الصورة اعرضها قبل ما اسوي حفظ

هذا يتم عن طريق وضع af:image component في الصفحة بحيث يقوم كود التحميل بتحديد قيمة مسار الصورة وتكون الصورة تشير إلى نفس هذا المسار وبالتالي يتم عرضها

انت بتعمل Upload للصوره وممكن تجيبها من اى مكان وبالتالى افضل طريقه لقراءة الصورة من اى مكان وليس من ال Application Root هو عمل Servlet تبعت لها parameter اللى هو اسم الصورة وتعملها mapping فى ملف ال web.xml و تعطى ال af:Image ال URL الخاص بال Servlet والباراميتر بتاعها جربها ولو وقفت معاك حاجه اسال فيها

طيب انا باستخدم inputfile component لتحميل الصورة هل ممكن استغني عنها واجعل الملف المراد تحميلة ثابت عند client مثلا يكون الملف دائما في c:\\a.jpg

لا يمكنك في الوب التعامل مباشرة مع جهاز العميل إلا من خلال ActiveX أو Applet وبالتالي ما تريده غير ممكن عملياً

زى ماقال الباشمهندس مصطفى والباشمهندسة هالة الأحسن انك تحمل الصورة على السيرفر وهذا من ناحية الكفاءة احسن واسرع
بس فى طريقة اقل فى الكفاءة بيها تقدر تشوف الصورة قبل ماتحفظها
ارفقت ليك مثال

uploadImgApp.rar

تم تعديل 12 نوفمبر 201114 سنة بواسطة miro_aer

زى ماقال الباشمهندس مصطفى والباشمهندسة هالة الأحسن انك تحمل الصورة على السيرفر وهذا من ناحية الكفاءة احسن واسرع
بس فى طريقة اقل فى الكفاءة بيها تقدر تشوف الصورة قبل ماتحفظها
ارفقت ليك مثال

شكر اخي العزيز ولاكن كما قلت اقل في الكفاءة

اعتقد انا افضل طريقة استخدام javascript

هذا مثال لاكن لم يعمل مع adf

<script>
function preview() {
field = document.getElementById( 'upload' ).value;
image = document.getElementById( 'previewIMG' );
path = 'file://'+ field;
path = path.replace(/\\/, '/'); // Fix Windows paths
image.src = path;
image.style.display = 'block';
image.style.width = "200px";
image.style.height = "150px";
}
</script>

الاخ / Supermh

الحقيقه انا مش فاهمه ايه المشكله اللى عندك بالظبط او ايه ال use_case اللى عاوزها لحد دلوقتى انت الصوره دى مش عاوز تخزنها اصلا ولا ايه ؟

الاخ / miro_aer

مثالك جميل وفكرته بسيطه تخزين ال input Stream فى ال Session واستدعائه فى ال servlet لكن لى ملاحظه عليه انه لا يظهر الصورة الا اول مره فقط وعند عمل تحديث للصوره لا يتم ظهورها الا بعد عمل Refresh للصفحه كلها ممكن تظبط ال Partial Trigger الخاص بالصوره ممكن المشكله تتحل

انا عامل bind لل img فى ال bean وبعمل refresh programatic وهو شغال عندى مظبوط ..... عموما شكرا لملحوظاتك

الاخ / Supermh

الحقيقه انا مش فاهمه ايه المشكله اللى عندك بالظبط او ايه ال use_case اللى عاوزها لحد دلوقتى انت الصوره دى مش عاوز تخزنها اصلا ولا ايه ؟

الاخ / miro_aer

مثالك جميل وفكرته بسيطه تخزين ال input Stream فى ال Session واستدعائه فى ال servlet لكن لى ملاحظه عليه انه لا يظهر الصورة الا اول مره فقط وعند عمل تحديث للصوره لا يتم ظهورها الا بعد عمل Refresh للصفحه كلها ممكن تظبط ال Partial Trigger الخاص بالصوره ممكن المشكله تتحل

الاخت /Hala Salem
ليس لدي مشكلة في تخزين الصورة او حتي عرضها بعد تخزينها في قاعدة البيانات فقط كانت الفكرة تاكيد للمستخدم من ان الصورة المختارة هي الصورة الصحيحة قبل تخزينها فكرة الاخ miro_aer جيدة لاكننها ليست موثوقة وقد تظهر احيانا وحيانن لا وشكر

الاخ/ Superamh

عندك حل تانى جربه حاول تبعت مسار الصوره فى ال input File واسمها كباراميتر الى ال servlet

الاخ / miro_aer

انا شغلت برنامجك على JDeveloper R2 وجربته على الinternet Explorer وعلى ال fireFox ومع ذلك المشكله مستمره ممكن يكون السبب ما دام شغال عندك هو اختلاف ال Versions

الاخ/ Superamh

عندك حل تانى جربه حاول تبعت مسار الصوره فى ال input File واسمها كباراميتر الى ال servlet

ازيا انا بالفعل حاولت بس ماحصلت علي المسار الصحيح للصورة