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>
*****************************************************************************
1 Correct answer
11
Replies
AdChoices