Js+php实现异步拖拽上传文件_javascript技巧
程序员文章站
2022-03-12 08:52:44
...
异步拖拽上传文件--小实例
header("Content-Type:text/html;charset=UTF-8");
if(is_uploaded_file($_FILES['aa']['tmp_name'])){
move_uploaded_file($_FILES['aa']['tmp_name'], "./".iconv("UTF-8", "GBK", $_FILES['aa']['name']));
echo '1';
}
upload.html
TODO supply a title 请拖入上传的文件
upload.php
复制代码 代码如下:
header("Content-Type:text/html;charset=UTF-8");
if(is_uploaded_file($_FILES['aa']['tmp_name'])){
move_uploaded_file($_FILES['aa']['tmp_name'], "./".iconv("UTF-8", "GBK", $_FILES['aa']['name']));
echo '1';
}
XMLhttpReuest.js
function ajaxFunction() { var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { alert("您的浏览器不支持AJAX!"); return false; } } } return xmlHttp; }
以上所述就是本文的全部内容了,希望大家能够喜欢。
推荐阅读
-
原生javascript实现文件异步上传的实例讲解
-
基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽)
-
PHP中使用Session配合Javascript实现文件上传进度条功能_php技巧
-
javascript实现文件异步上传功能详解
-
一些常用弹出窗口/拖放/异步文件上传等实用代码_javascript技巧
-
多个表单中如何获得这个文件上传的网址实现js代码_javascript技巧
-
javascript实现校验文件上传控件实例_javascript技巧
-
原生JavaScript实现异步多文件上传_javascript技巧
-
javascript实现校验文件上传控件实例_javascript技巧
-
javascript实现限制上传文件大小_javascript技巧