As of version 5.0.0 there is now client side image resizing.
I haven't been able to find an example of this being implemented on dropzonejs.com
I'm hoping someone can provide a basic example.
Thanks
Related
I'm hoping to get your thoughts on the following topic. I'm using echarts on my application to display charts. All has been going good with it, but I have stumbled on the situation where I need to render a chart on the server-side.
Echarts have posted a few examples here: https://echarts.apache.org/en/tutorial.html#Server-side%20Rendering. The server I'm developing on doesn't have the likes of nodejs installed and I don't imagine it will be available.
Basically, I'm asking have you implemented rendering echarts on the server with lucee/coldfusion? Which headless tool have you used to do so?
Would something like CFSelenium achieve this? https://github.com/teamcfadvance/CFSelenium
Thanks for any stories or examples you can share!
I ended up installing NodeJs on my server and did the server side rendering that way. I called node with Shell script which was called with cfexecute.
I trying to use CKEditor5 and CKEditor-react in my electron app.
And i want to paste image in editor, but i have an error
filerepository-no-upload-adapter: Upload adapter is not defined.
Docs says that I mast using cloud. But my app must working locally and without internet
Can someone help me?
The docs say, in short, this:
To handle image upload in CKEditor 5 you can use one of these:
use the built-in Easy Image adapter (cloud service),
use the built-in CKFinder adapter (can work locally if you want),
write your own adapter (in which case, please refer to the UploadAdapter interface documentation).
The last option gives you a complete freedom on how and where you want to send those files.
PS. You can find a bit more details in this question: How to enable image upload support in CKEditor 5?
Is there a way to make an image slide show using only google apps script ui services.I have created a gallery of image but doesnt have any transition animation. I cant find any example using any effect animation (fade in fadeout). I cant also find any timed events examples. Thanks.
Using JQuery, this will not be possible using the UiApp. I believe Caja rejects CSS3, so therefore you wouldn't be able to set it as an attribute either.
The only thing I can suggest is utilizing the HTML Service which would allow the use of JQuery - be sure to use Google's hosted JQuery as it will run faster for you.
Hope this helps,
Cheers.
I need for users to upload files (mostly images) without leaving the current webpage. What's the best tool, library or mechanism for doing this? I'm using the latest jQuery and Spring webmvc (with JSP), so if there's already a mechanism within them then that's ideal.
It would also be really great to have some kind of progress bar. Does that mean it requires coordination with the server to read the progress (where Spring would have to come into play)? Or is there a mechanism within JavaScript for this?
You should check out Plupload.
Plupload offers a cross-browser
JavaScript File uploading API that
handles multiple file uploads,
client-side progress meters, type
filtering and even client-side image
resizing and drag-and-drop from the
desktop. It achieves all of this by
providing backends for Flash,
Silverlight, Google Gears, HTML5 and
Browserplus and picking the most
capable available option.
Its really neat! Here's a link to some of their Demos...
http://www.plupload.com/example_jquery_ui.php
... and a screenshot of the jQuery UI queue widget (it has a progress bar!):
I hope this helps.
Hristo
I use uploadify pretty regularly: http://www.uploadify.com/
However it does use flash for the upload mechanism and as a result may create some issues if the user is authenticated.
You should use AJAX on the client side
http://www.webtoolkit.info/ajax-file-upload.html This tutorial covers all client side.
Om the server side
This tutorlal covers most of this issue:
http://www.ioncannon.net/programming/975/spring-3-file-upload-example/
Yopu can use jquery as well or any other JS framework.
But the mist important thing is the fact You need to remember that your tag on client side should have.
enctype='multipart/form-data'
property. it means that your request contains muultipart data.
Uploadify does that trick > http://www.uploadify.com/
All samples are php but you should be able to convert it to your platform.
i am generating pie chart using jfreechart and integrated the same to rich faces using a4j:mediaOutput , can any one advice , if i can have the tool tip enabled for the same.
has anyone implemented drilldown charts with these two tech together?
I haven't used these two technologies together, but from what I know of JFreeChart and Richfaces independently I think you have two options.
Use the JFreeChart built in servlet (see here) to let JFreeChart take care of generating the images, tooltips, and hyperlink drilldowns. This worked great for JSPs, but I'm not sure how well it will work if you want ajax support for drilldowns. I would look into overriding the PieChart URL and Tooltip generators so they generate richfaces goodness. This would largely use the a4j:mediaOutput to get the images.
The second option is to use JFreeChart's painting utilities as if you were working in Swing, but in a bean as shown in the RichFaces' docs.
Whichever you choose, I would suggest start by just trying to get the image working and then upgrade to drilldowns and tooltips. I would expect both upgrades to be doable though, and I have done so in JSPs. Hopefully someone will help you out with using these technologies specifically.