導航:首頁 > 編程語言 > tpuploadjs

tpuploadjs

發布時間:2021-03-05 17:34:20

js、ajax怎樣上傳

ajaxfileupload.js插件的使用很簡單。
前台代碼類似:
<script type="text/javascript">$(#buttonUplod).click(function () { $.ajaxFileUpload ({ url:'doajaxfileupload.php', //你處理上傳文件的服務端 secureuri:false, //與頁面處理代碼中file相對應的ID值 fileElementId:'img', dataType: 'json', //返回數據類型:text,xml,json,html,scritp,jsonp五種 success: function (data) { alert(data.file_infor); } })});</script><input id="img" type="file" size="45" name="img" ><button id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button>

後台doajaxfileupload.php腳本:
<?php $upFilePath = "../attachment/";$ok=@move_uploaded_file($_FILES['img']['tmp_name'],$upFilePath); if($ok === FALSE){ echo json_encode('file_infor'=>'上傳失敗'); }else{ echo json_encode('file_infor'=>'上傳成功'); }?>

為了測試,可以使用類似下面的方式保存傳遞過來的變數值:
$file_info = var_export($_FILES,true);
$ok = file_put_contents("../attachment/file_info.txt",$file_info);
if ($ok) exit(json_encode('file_infor'=>'上傳成功'));
exit (json_encode('file_infor'=>'上傳失敗'));

※ 注意
請留意HTML代碼文件框中的標記:
1. id='img'是用於給ajaxfileupload.js插件的fileElementId:'img'識別的,jQuery選擇器會利用該字元串獲得文本框的值;
2. name='img'是用於通過post方式提交到後台腳本時,PHP通過$_FILES['img']讀取上傳文件的數據,若沒有該值,$_FILES變數為空;

⑵ 急求!!!!thinkPHP+uploadify 實現圖片上傳預覽 源碼

js代碼:
$('#picture').uploadify({
swf:PUBLIC+'/Uploadify/uploadify.swf', //引入Uploadify核心Flash文件
uploader:uploadUrl, //PHP處理腳本地址
width:120, //上傳按鈕寬度
height:30, //上傳按鈕高度
buttonImage:PUBLIC+'/Uploadify/browse-btn.png', //上傳按鈕背景圖地址
fileTypeDesc:'ImageFile', //選擇文件提示文字
fileTypeExts:'*.jpeg;*.jpg;*.png;*.gif', //允許選擇的文件類型
formData:{'session_id':sid},
//上傳成功後的回調函數
onUploadSuccess:function(file,data,response){

if(data){
$('input[name=max]').val(data);
$('#upload_img').fadeOut().next().fadeIn().find('img').attr('src',ROOT+'/Uploads/'+data);
}else{
alert(data.msg);
}
}
});

php代碼:

public function uploadPic(){

$upload = new ThinkUpload(); // 實例化上傳類

$upload->maxSize = C('UPLOAD_MAX_SIZE') ;// 設置附件上傳大小

$upload->exts = C('UPLOAD_EXTS');// 設置附件上傳類型

$upload->rootPath = C('UPLOAD_PATH'); // 設置附件上傳根目錄

$upload->savePath = 'pic/'; // 設置附件上傳目錄

$upload->subName = date('Y-m');//子目錄創建方式

$upload->saveName = array('uniqid',''); //上傳文件的保存規則

$upload->replace = true;//同名文件覆蓋

// 開啟子目錄保存 並以日期(格式為Ymd)為子目錄

$upload->autoSub = true;

$upload->subName = array('date','Y-m');

$info=$upload->upload();

// 上傳文件

if(!$info) {// 上傳錯誤提示錯誤信息

$this->error($upload->getError());//獲取失敗信息

}else{

$images=$info['Filedata']['savepath'].$info['Filedata']['savename'];

//返迴文件地址和名給JS作回調用

echo $images;

}

}

閱讀全文

與tpuploadjs相關的資料

熱點內容
玩火的女孩有幾個版本 瀏覽:113
tvshowtracker安卓版 瀏覽:983
App數據分析應該從哪些緯度 瀏覽:17
到底要不要升級ios92 瀏覽:875
cad2014安裝包安裝文件在哪裡 瀏覽:63
電信密碼無法登錄 瀏覽:820
cad的列印到文件怎麼設置 瀏覽:902
智行app鉑金會員怎麼還有期限 瀏覽:581
win10用子文件夾改名 瀏覽:234
ae鋼筆工具在哪裡 瀏覽:460
gn105數據線插哪裡 瀏覽:916
破鎖屏密碼方法 瀏覽:835
股票數據放哪裡 瀏覽:576
m格式庫文件 瀏覽:279
天際通數據服務怎麼開票 瀏覽:430
寫小說發哪個網站比較好 瀏覽:244
小米電視3藍牙文件路徑 瀏覽:111
shell讀取文件值 瀏覽:909
文件夾路徑欄消失 瀏覽:795
律師哪些業務不能代替大數據 瀏覽:952

友情鏈接