This is the the page where you load the images : Index.cfm ***************************************************************************** <cfprocessingdirective pageEncoding="UTF-8" /> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Test </title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <link href="Scripts/css/aurigma.htmluploader.control.css" rel="stylesheet" type="text/css" /> <link href="Styles/css.css" rel="stylesheet" type="text/css" /> <link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet"/> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script> <script src="Scripts/aurigma.imageuploaderflash.min.js" type="text/javascript"></script> <script src="Scripts/aurigma.htmluploader.control.js" type="text/javascript"></script> <script type="text/javascript"> $().ready(function(){ var uploader = $au.imageUploaderFlash({ id: 'Uploader1', licenseKey: '77FF1-00001-78280-0002D-132E8-3520C7', width: '100%', height: '450px', uploadButtonText: "Télécharger", enableDescriptionEditor: false, enableRotation: true, converters: [ { mode: '*.*=SourceFile' }, { mode: '*.*=Thumbnail', thumbnailFitMode: 'Fit', thumbnailWidth: '120', thumbnailHeight: '120' } ], uploadSettings: { actionUrl: 'Upload.cfm', }, topPane: { visible: false, }, uploadPane: { addFilesButtonText: "ajoutez les photos", }, statusPane: { filesToUploadText: "<font color='#7a7a7a'>Fichier</font> {0}", noFilesToUploadText: "<font color='#7a7a7a'>Aucun fichier</font> {0}", }, flashControl: { codeBase: '../Scripts/aurigma.imageuploaderflash.swf', bgColor: '#f5f5f5' }, restrictions: { maxFileSize: 31457280, fileMask: [ ['Images (*.jpg)', '*.jpg'] ], minFileCount: 5, maxFileCount: 5}, messages: { tooFewFiles: 'Vous devez soumettre 5 photos.', maxFileCountExceeded: 'Vous devez soumettre 5 photos.' }, }); $("#uploader").html(uploader.getHtml()); }); </script> <script> $().ready(function(){ if (typeof $au !== 'undefined' && !!$au.debug) { $("#uploader-version").text($au.debug().version()); } }); </script> </head> <body> <div class="container"> <div class="col-md-10 col-lg-10 col-sm-10 col-md-offset-1 col-lg-1-offset col-sm-offset-1"> <div class="row"> <div class="panel panel-primary"> <div class="panel-heading"> </div> <div class="panel-body" id="sample-body"> <div id="uploader"></div> </div> <div class="panel-footer"> </div> </div> </div> </div> </div> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> </body> </html> ***************************************************************************** This is the entire upload.cfm page ***************************************************************************** <CFQUERY NAME="getinfo" datasource="MyDNS"> SELECT * FROM company WHERE no_client = 1 </cfquery> <CFQUERY NAME="thelastid" datasource="MyDNS"> SELECT id FROM tires ORDER by id desc </cfquery> <cfset lastcount = 0> <cfset lastid = #thelastid.id# + 1> <cfprocessingdirective pageEncoding="utf-8" /> <!---This variable specifies relative path to the folder, where the gallery with uploaded files is located. Do not forget about the slash in the end of the folder name.---> <cfset galleryPath="UploadedFiles/" /> <cfset absGalleryPath="#ExpandPath(galleryPath)#" /> <cfset absThumbnailsPath="#absGalleryPath#Thumbnails/" /> <!---Create XML file which will keep information about files (image dimensions, description, etc). XML is used solely for brevity. In real-life application most likely you will use database instead.---> <!---Get total number of uploaded files (all files are uploaded in a single package) and iterate through uploaded data and save the original file, thumbnail, and description.---> <cfset fileCount = Form.PackageFileCount - 1 /> <cfloop index="i" from="0" to="#fileCount#"> <cfset name="#Form["SourceName_#i#"]#"/> <!--- Get source file and save it to disk. ---> <cffile action="UPLOAD" filefield="File0_#i#" destination="#absGalleryPath#" nameconflict="MakeUnique"> <cfimage action = "resize" width="800" height="600" source = "#galleryPath#\#name#" destination = "D:\MyPath\#cookie.no_client#_#lastid#_#i#.jpg" overwrite = "yes"> <cffile action = "delete" file = "D:\MyPath\UploadedFiles\#name#"> <cfset sourceFileName="#replace(URLEncodedFormat(serverFile), '%2E', '.', 'ALL')#" /> <!--- Get first thumbnail (the single thumbnail in this code sample) and save it to disk. ---> <cfset thumbnailFileName=Form["File1Name_#i#"] /> <cffile action="UPLOAD" filefield="File1_#i#" destination="#absThumbnailsPath#" nameconflict="MakeUnique"/> <cffile action="rename" source="#serverDirectory#/#serverFile#" destination="#thumbnailFileName#" attributes="normal"/> <!---Save file info.---> <cfset thumbnailFileName="#URLEncodedFormat(thumbnailFileName)#" /> </cfloop> <cfoutput>#fileCount#</cfoutput> *****************************************************************************
... View more