gsaldutti Posted November 8, 2008 Share Posted November 8, 2008 I'm not asking for anyone to write any code, I just want some general input. I want to create a website where users can upload photographs and scale them within a specified space and also add some basic text within that space (either on the picture itself or under it, like a caption). And I'd like them to be able to choose from some basic font colors and styles, but nothing crazy. So they'd essentially click "browse," find an image on their computer and hit "upload" and then the image would appear in a specified "work area" where they could scale it and add text. Essentially a simple WYSIWYG editor. Then I want that the finished photo/text (arranged exactly how the user arranged them within the confined space) to be uploaded to my server so that I can then display/print it out looking exactly how they arranged it. Any thoughts on if this type of thing can be done strictly with PHP/MySql (which I have a basic knowledge of) or do I need to implement some other programming languages to make this happen? Also, when it gets to the point where the user uploads the finished product to my server (which would just be an image file containing the photo and some text), do you recommend having the images upload into a MySql database, or should I handle them as just separate individual files in a specified folder on my server? (I've heard that storing images in MySQL is not always the best method, but I don't know if that's accurate). My guess is that the part where the user can scale/move the image in the confined space and add text is probably the hardest part and might not be doable with PHP alone. But I really don't know Anyway, any input/info/advice/suggestions would be greatly appreciated. Thanks! Link to comment https://forums.phpfreaks.com/topic/131948-solved-uploading-images-and-working-with-them/ Share on other sites More sharing options...
genericnumber1 Posted November 8, 2008 Share Posted November 8, 2008 PHP is server side, you would have to use flash, java, or javascript for this (at least the image manipulation part). But yes, for storage you would want to avoid storing the images in a database, it's much better to use separate files. Link to comment https://forums.phpfreaks.com/topic/131948-solved-uploading-images-and-working-with-them/#findComment-685565 Share on other sites More sharing options...
aeonsky Posted November 8, 2008 Share Posted November 8, 2008 It won't really be like a WYSIWUG editor, but GD can help you... imagecopyresized(); or imagecopyresized(); can help you resize. imagestring(); can help you write text on the image. Make sure you visit the PHP manual and read about the functions. They have helpful sample code. Link to comment https://forums.phpfreaks.com/topic/131948-solved-uploading-images-and-working-with-them/#findComment-685600 Share on other sites More sharing options...
genericnumber1 Posted November 8, 2008 Share Posted November 8, 2008 For wysiwyg image manipulation, I've used jcrop (jquery extension) as an avatar manipulator before. Obviously it's javascript, not php, but I used a php back-side, see the GD functions above for more information on php image manipulation, but I'd suggest using imagecopyresampled() not imagecopyresized(). http://deepliquid.com/content/Jcrop.html Link to comment https://forums.phpfreaks.com/topic/131948-solved-uploading-images-and-working-with-them/#findComment-685627 Share on other sites More sharing options...
aeonsky Posted November 8, 2008 Share Posted November 8, 2008 Wrote it wrong. Supposed to be: magecopyresized(); or imagecopyresampled(); can help you resize. Not... magecopyresized(); or imagecopyresized(); can help you resize. Link to comment https://forums.phpfreaks.com/topic/131948-solved-uploading-images-and-working-with-them/#findComment-685681 Share on other sites More sharing options...
gsaldutti Posted November 8, 2008 Author Share Posted November 8, 2008 I don't if this link will work, but basically what I want to create is an interface like this one at VistaPrint where you upload an image and then can add text and whatnot. Assuming the following link works, let me know what the easiest way to create something like that is (I know it won't be easy no matter what, but should it be done with Javascript, or is Flash the better option?)... http://www.vistaprint.com/vp/ns/studio3.aspx?doc_id=662082134&pf_id=232&page=1&gallery_id=0&category_id=0&referer=%252Fvp%252Fns%252Feasypath%252Fuploadpicture.aspx%253Fref%253D2%2526page%253D1%2526doc_id%253D662082134%2526pf_id%253D232%2526combo_id%253D36783%2526category_id%253D-1%2526orig_combo1%253D1180.120.22.42932%25257c42932%25257c455%25257c0%2526orig_combo2%253D1180.120.22.42932%25257c42932%25257c455%25257c0%2526upimg1%253D79031840%2526image_list%253D79031840%2526click%253D0%2526epupstep%253D3%2526combo1%253D1180.120.22.42932%25257c42932%25257c455%25257c0%2526combo2%253D1180.120.22.42932%25257c42932%25257c455%25257c0&ag=&isstudio=true Link to comment https://forums.phpfreaks.com/topic/131948-solved-uploading-images-and-working-with-them/#findComment-685748 Share on other sites More sharing options...
genericnumber1 Posted November 9, 2008 Share Posted November 9, 2008 Theirs looks to be in javascript. Whether you use flash or javascript is a personal choice... Link to comment https://forums.phpfreaks.com/topic/131948-solved-uploading-images-and-working-with-them/#findComment-685803 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.