Highlighted

Flash-based Multi-image upload tool

New Here ,
Jun 10, 2019

Copy link to clipboard

Copied

Recently I learned that the major browsers will stop supporting Flash-driven apps.  So I need an alternative to the existing CF flash-based multi-image upload tool.

Not looking to hard code.  Hopefully, there is a similar app to use.

<cffileupload

    name = "uploadDemo"

    url="uploadfiles10.cfm?folderid=#getfolder.folderid#"

    progressbar="true"

    addButtonLabel = "Select File(s)"

    clearButtonLabel = "Clear"

    width="500"

    height="400"

    title="Multiple Image Upload Tool"

    maxUploadSize="100"

    maxFileSelect="25"

    extensionfilter="*.jpg"

    uploadButtonLabel="Upload"

    >

TOPICS
Getting started

Views

200

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Flash-based Multi-image upload tool

New Here ,
Jun 10, 2019

Copy link to clipboard

Copied

Recently I learned that the major browsers will stop supporting Flash-driven apps.  So I need an alternative to the existing CF flash-based multi-image upload tool.

Not looking to hard code.  Hopefully, there is a similar app to use.

<cffileupload

    name = "uploadDemo"

    url="uploadfiles10.cfm?folderid=#getfolder.folderid#"

    progressbar="true"

    addButtonLabel = "Select File(s)"

    clearButtonLabel = "Clear"

    width="500"

    height="400"

    title="Multiple Image Upload Tool"

    maxUploadSize="100"

    maxFileSelect="25"

    extensionfilter="*.jpg"

    uploadButtonLabel="Upload"

    >

TOPICS
Getting started

Views

201

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 10, 2019 0
BKBK LATEST
Adobe Community Professional ,
Jul 20, 2019

Copy link to clipboard

Copied

You could copy Raymond Camden's cffileupload code. Your directory structure should then look like this:

The steps to follow:

1) Copy the files custom.css, main.js, index.cfm and upload.cfm from Ray's site to your file system, maintaining the directory structure shown.

2) Download the file https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js and save it in your js directory as the file jquery-3.4.1.js.

3) Modify the HTML Head in index.cfm to

<head>

    <meta charset="utf-8">

    <title>CFFILEUPLOAD Alternative</title>

    <link rel="stylesheet" href="css/custom.css">

    <script src="js/jquery-3.4.1.js"></script>

    <script src="js/main.js"></script>

</head>

4) Modify main.js and upload.cfm to your own requirements (for example, to restrict file-size and to determine the allowed MIME types). 

5) To start uploading, open index.cfm in the browser

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 20, 2019 0