Extjs 4.1 file upload programmatically in some events - file-upload

I want to upload a file using Extjs 4.1 file upload control. I have fileupload field in my form which will be hidden from users. but i have a image. if user double clicks to that image browse file dialog should be shown as in "Browse..." button of Fileupload control. Please help me...

Do you mean exactly like in the Sencha examples?
http://docs.sencha.com/ext-js/4-1/#!/example/form/file-upload.html
EDIT: Use buttonOnly:true config option to hide the fileinput field and leave only the upload button visible.

Related

Logo or Image displayed instead of text message "Stream will start playing automatically when it is live"

How can we add a poster image in the embedded player so when embedded we can have a logo or show image instead of text slate?
Thank you for the question.
You can add an image or logo to ant media server embedded web player (play.html)
Here are the steps:
Add logo.png file to the images directory.
images directory is under usr/local/antmedia/webapps/WebRTCAppEE/images
Edit play.html file as suggested in the PR
The text message "Stream will start playing automatically when it is live" can be edited or removed completely by editing play.html page as well.
Thank You!
antmedia.io

TinyMCE5 not uploading images on drag-n-drop

I'm looking at this documentation on "Image and file upload options".
First thing off the bat it says in describing the automatic_uploads option is:
Enable or disable automatic upload of images represented by data URLs
or blob URIs. Such images get generated, for example, as a result of
image manipulation through Image Tools plugin, or after image is
drag-n-dropped onto the editor from the desktop.
This is exactly what I want - when an image is dragged and dropped onto the editor I want it to upload the image to my server. I read through the rest of the options and came up with this:
tinymce.init({
automatic_uploads: true,
images_reuse_filename: true,
images_upload_credentials: true,
images_upload_handler:async function (blob,success,failure) {
console.log(blob)
},
// remainder of options here
For the moment I'm just trying to print a debug statement when the upload handler is called, so that I know I have gotten that far. But when I drag an image onto the editor, I get a pop-up which says:
Leave site?
Changes you made may not be saved.
[Cancel] [Leave]
If I say "Leave" it abandons the site and brings the image up in the browser, which is not what I want. If I say "Cancel" then it stays on the page, but my upload function is never called, and subsequent attempts to drag onto the page do nothing.
Why isn't this working? Is there some plug-in that I need to install which isn't mention on the documentation page?
How a browser treats dragged/dropped images can differ across browsers. From where are you dragging the image? What browser and OS are you using?
In TinyMCE 5 the Insert/Edit Image dialog would have an Upload option (3rd link on the left) if you have image uploads setup correctly.
Do you see such an option? Can you drag/drop to that dialog via the Upload tab?

Kendo file upload - add file description

We want to add a description for each file that is being uploaded.
The requirement is to have a text box against each filename to be uploaded, where the user can key in some description about the file.
Is there any way to add a description in the multiple file upload ?
As far as i know such feature not available in the Kendo File Upload control.
But you can upload all files and bind them to editable Kendo Grid with description TextBox and save it.

Displaying Images output using Oracle Application

I have a customized report and I created a paper layout with image on it (Reports Builder), then I deployed my report to Oracle Application. After I ran my report in html format using Oracle app, the image was not displayed.
How can I display the image and what are the clear steps to make?
I'm using Report Builder v11.1.2.2.0. By following next steps, i could manage to show the picture(.jpeg) file inside Reports' generated .htm file :
Double-clicked on Paper Layout node and activated it :
Clicked on Insert from horizontal menu and then selected Image :
Clicking on Browse, added my logo to my report(AƧ means Open here) :
Used Generate To File option and then selected Paginated HTML CSS :
Save As pop-up window opened, saved as an .htm file in my file
system, and called by browser :

How can I upload image with WYSIWYG editor on Yii extension?

I want to know the way to upload image from my computer with WYSIWYG editor on Yii extension.
I have tried TinyMCE and other editor but I can't find the way to upload image from my computer. In my case, the image that will inserted to text area must be link, not the file. I want to know if there is a way to upload image from computer to WYSIWIG editor.
I would appreciate if there is an example to implement that case.
Thank you.
You can use CKeditor (Ckeditor) with KCfinder(KCfinder). There will be "select from server" button after integration. You can upload image right there and choose that one.
i'm not familiar with tinymce , but maybe it can solve your problem.
Have you tried using this yii extension ?
http://www.yiiframework.com/extension/tinymceelfinder/
another options, you can use kindeditor. kindeditor allows to upload image.
http://www.yiiframework.com/extension/yii-kindeditor/
hope this help.