2. 程式人生 > >頭像截圖上傳兩種方式（SWFUpload、一個簡單易用的flash外掛）

頭像截圖上傳兩種方式（SWFUpload、一個簡單易用的flash外掛）

阿新 • • 發佈：2019-01-30
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title></title> 5 <script src="../JS/handlers.js" type="text/javascript"></script> 6 <script src="
../JS/jquery-1.8.2.js" type="text/javascript"></script> 7 <script src="../JS/swfupload.js" type="text/javascript"></script> 8 <script type="text/javascript"> 9 var swfu; 10 window.onload = function () { 11 swfu = new SWFUpload({ 12 //
Backend Settings 13 //修改執行上傳操作的檔案(aspx或ashx) 14 upload_url: "UploadImg.ashx", 15 post_params: { 16 "ASPSESSID": "<%=Session.SessionID %>" 17 }, 18 19 // File Upload Settings 20 file_size_limit: "
2 MB", 21 file_types: "*.jpg", 22 file_types_description: "JPG Images", 23 file_upload_limit: 0, // Zero means unlimited 24 25 // Event Handler Settings - these functions as defined in Handlers.js 26 // The handlers are not part of SWFUpload but are part of my website and control how 27 // my website reacts to the SWFUpload events. 28 swfupload_preload_handler: preLoad, 29 swfupload_load_failed_handler: loadFailed, 30 file_queue_error_handler: fileQueueError, 31 file_dialog_complete_handler: fileDialogComplete, 32 upload_progress_handler: uploadProgress, 33 upload_error_handler: uploadError, 34 //指定圖片上傳成功後執行的方法為我們自己定義的ShowData 35 upload_success_handler: ShowData, 36 upload_complete_handler: uploadComplete, 37 38 // Button settings 39 button_image_url: "images/XPButtonNoText_160x22.png", 40 button_placeholder_id: "spanButtonPlaceholder", 41 button_width: 160, 42 button_height: 22, 43 button_text: '<span class="button">Select Images <span class="buttonSmall">(2 MB Max)</span></span>', 44 button_text_style: '.button { font-family: Helvetica, Arial, sans-serif; font-size: 14pt; } .buttonSmall { font-size: 10pt; }', 45 button_text_top_padding: 1, 46 button_text_left_padding: 5, 47 48 // Flash Settings 49 //在這裡修改flash外掛的引用路徑 50 flash_url: "/Flash/swfupload.swf", // Relative to this file 51 flash9_url: "/Flash/swfupload_FP9.swf", // Relative to this file 52 53 custom_settings: { 54 upload_target: "divFileProgressContainer" 55 }, 56 57 // Debug Settings 58 debug: false 59 }); 60 } 61 //上傳成功後執行,將img標籤的src設定為返回的圖片儲存好的路徑 62 function ShowData(file, serverData) { 63 $("#imgSrc").attr("src", serverData); 64 }; 65 </script> 66 67 68 </head> 69 <body> 70 <form> 71 <div id="content"> 72 <div id="swfu_container" style="margin: 0px 10px;"> 73 <div> 74 <span id="spanButtonPlaceholder"></span> 75 </div> 76 <div id="divFileProgressContainer" style="height: 75px;"></div> 77 <div id="thumbnails"></div> 78 </div> 79 </div> 80 <img id="imgSrc" /> 81 82 </form> 83 84 </body> 85 </html>

相關推薦

頭像截圖上傳兩種方式（SWFUpload、一個簡單易用的flash外掛）

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http:

Java上帝之眼系列配置Spring專案檔案上傳兩種方式（全解析）

歡迎檢視Java開發之上帝之眼系列教程，如果您正在為Java後端龐大的體系所困擾，如果您正在為各種繁出不窮的技術和各種框架所迷茫，那麼本系列文章將帶您窺探Java龐大的體系。本系列教程希望您能站在上帝

php圖片上傳兩種方式base64與file

首先介紹大家熟知的form表單提交（file）方式： <!DOCTYPE html> <html> <head> <meta charset="UTF-

Vue + Canvas 實現頭像截圖上傳功能（一）

        此文共分為兩篇，上篇主要是展示最終的效果，下篇為程式碼實現部分。         首先，上圖看最終的製作效果。         這是選擇圖片前:         這是選擇圖片後：         主要需求有這幾點：       

Spring（十三）：使用工廠方法來配置Bean的兩種方式（靜態工廠方法&實例工廠方法）

color 示例 簡單的 rgs icc tostring pac ng- clas 通過調用靜態工廠方法創建Bean 1）調用靜態工廠方法創建Bean是將對象創建的過程封裝到靜態方法中。當客戶端需要對象時，只需要簡單地調用靜態方法，而不需要關心創建對象的具體細節。 2

SQL Server 2008 資料庫同步的兩種方式（釋出、訂閱）

資料庫釋出訂閱份為兩個步驟：1、釋出。2、訂閱。首先在資料來源資料庫伺服器上對需要同步的資料進行釋出，然後在目標資料庫伺服器上對上述釋出進行訂閱。釋出可以釋出一張表的部分資料，也可以對整張表進行釋出。下面分別介紹釋出、訂閱的過程。 　　一、釋出      釋出需要用實

Android 呼叫系統api錄音的兩種方式（MediaRecorder、AudioRecord）

廢話 許可權、許可權、許可權，必須要先獲取了錄音許可權，其他的事情晚點再說。 另外，新版本的Android 10系統會對錄音

配置Spring項目上傳的兩種方式（全解析）

enc element xml配置 很多 files dir 前言 name 兩種 歡迎查看Java開發之上帝之眼系列教程，如果您正在為Java後端龐大的體系所困擾，如果您正在為各種繁出不窮的技術和各種框架所迷茫，那麽本系列文章將帶您窺探Java龐大的體系。本系列教程希望

將HTML頁面自動儲存為PDF檔案並上傳的兩種方式（一）-前端（react）方式

一、業務場景 　　公司的樣本檢測報告以React頁面的形式生成，已調整為A4大小的樣式並已實現分頁，業務上需要將這個網頁生成PDF檔案，並上傳到伺服器，後續會將這個檔案傳送給客戶（這裡不考慮）。 二、原來的實現形式 　　瀏覽器原生方法：window.print()可以將網頁儲存為PDF檔案，由於檢測報告

配置Spring專案上傳的兩種方式（全解析）

歡迎檢視Java開發之上帝之眼系列教程，如果您正在為Java後端龐大的體系所困擾，如果您正在為各種繁出不窮的技術和各種框架所迷茫，那麼本系列文章將帶您窺探Java龐大的體系。本系列教程希望您能站在上帝的角度去觀察（瞭解）Java體系。使Java的各種後端技術在你心中模組化；讓你在工作中能將Java各個技術瞭

Java檔案上傳的兩種方式（uploadify和Spring預設方式）

<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ include file="../jsp/include/taglibs.jsp"%> <!DOCTY

文件上傳三種方式

fail 對象 right style 但是 request nbsp success req 需求 上傳圖片在頁面顯示 Form表單上傳 <!DOCTYPE html><html lang="en"><head> <m

C#+VisionPro連接相機獲取圖像的兩種方式

加載 路徑 serialize available video ima display bsp users 兩種比較常用的方式。 C#直接連接相機獲取圖像（GIGE） 在獲取圖像前，需要先創建一個相機對象，再使用這個相機對象的Acquire方法拍攝照片。 ICogAcqF

Android: Android Studio簽名打包的兩種方式（zz）

信息 rda pan 相同 prop .cn 一個 一次 ack 註：給我們自己開發的app簽名，就代表著我自己的版權，以後要進行升級，也必須要使用相同的簽名才行。簽名就代表著自己的身份（即keystore），多個app可以使用同一個簽名。如果不知道簽名是啥意思，請自行百度

Nginx反向代理實現會話（session）保持的兩種方式 （轉）

upstream 適用於 反向代理 ip_hash 負載 amp 丟失 tail 基於 http://blog.csdn.net/gaoqiao1988/article/details/53390352 一、ip_hash： ip_hash使用源地址哈希算法，將同一客戶

讀取數據庫配置信息的兩種方式（以後開發項目用java鏈接數據庫）-------java基礎知識

dmi 信息 bsp lock 開發 res port src font 第一步：先建立jdbc.properties 1 user=root 2 password=123456 3 url=mysql:jdbc://localhost:3306/yanlong 4 d

Java並發編程：線程間協作的兩種方式：wait、notify、notifyAll和Condition

消費者 CI 能夠 .com stat consumer 使用 producer imp 原文鏈接 Java並發編程：線程間協作的兩種方式：wait、notify、notifyAll和Condition 在前面我們將了很多關於同步的問題，然而在現實中，需要線程之間的協作。比

在Android Studio中下載Android SDK的兩種方式（Android Studio3.0、windows）

方式一、設定HTTP Proxy 1. 開啟Settings 2. 點選HTTP Proxy，選擇Manual proxy configuration： 設定 Host name 為：mirrors.neusoft.edu.cn 設定 Port number 為：80

win7設定自啟動的兩種方式（谷歌瀏覽器自啟動並預設全屏展示不需要按F11）

功能需求：win7系統需要設定谷歌瀏覽器自啟動，然後進入一個頁面進行播放展示，預設的是瀏覽器全屏。 首先第一步設定自啟動兩種方法： 方法1： win7系統在開始選單中找到名稱為：啟動 也有可能叫（Startup）的資料夾，然後把谷歌瀏覽器複製貼上到這個資料夾中。正常情況下這個辦法就可以了

jquery實現省市聯動的兩種方式（xml，，，json）

省市聯動，xml傳值方式 匯入相應的jar 建立表單 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> &