jQuery 文件异步上传

jQuery 文件异步上传

HTML部分

<form name="myForm" id="form1" enctype="multipart/form-data">
<input type="text" value="" size="50" class="inpMain file_d" required/>
<input type="hidden" name="file" value="" size="50" class="inpMain file_url" required/>
<input type="file" name="files" class="files" id="pdf" value="" />
<input type="button" id="btn" value="上传" style="width:50px; height:30px; background-color:#0086D3; color:#fff; cursor: pointer;" />
</form>

jQuery部分

$('#btn').click(function () {
var file = $(".files").val();     //新建formData对象
var formData = new FormData();     //向formData对象中添加字段,获取#pdf中的文件
formData.append("file",document.getElementById("pdf").files[0]);
$.ajax(
{
url: '/admin/product/upload',                 //传递到地址和传递方式
type: 'POST',                 //传递对象
data: formData,
contentType: false, //禁止设置请求类型
processData: false, //禁止jquery对DAta数据的处理,默认会处理
//禁止的原因是,FormData已经帮我们做了处理
success: function (result) {
$(".file_url").val(result['url']);
$(".file_d").val(result['name']);
$("#pdf").val("");
alert("文件上传成功!");
}
}
);
});

PHP部分

public function upload(){

    // 获取表单上传文件

  $file = request()->file('file');

// 移动文件到框架应用根目录/public/uploads/ 目录下

  $info = $file->move(ROOT_PATH  . DS . 'uploadsfile');

if($info){

  return array("url"=>$info->getSaveName(),"name"=>$info->getFilename());

  // 成功上传后 获取上传信息

  // 输出 jpg

  /*echo $info->getExtension();*/

  // 输出 20160820/42a79759f284b767dfcb2a0197904287.jpg

  /*echo $info->getSaveName();*/

  // 输出 42a79759f284b767dfcb2a0197904287.jpg

  /*echo $info->getFilename();*/

  }else{

        // 上传失败获取错误信息

  return $file->getError();

  /*echo $file->getError();*/

  }

}


回复列表



回复操作

正在加载验证码......

请先拖动验证码到相应位置

发布时间:2017-09-13 09:04:50

修改时间:2017-09-13 09:04:50

查看次数:1292

评论次数:0