ajax上传txt,Ajax上传文件.pdf

Ajax上传文件

js上传文件:js 上传单个文件(任意大小)

疯狂代码 http://CrazyC/ ĵ http:/CrazyC/Javascript/Article8329.html

varxml_http,ado_stream;

varSendBlockCount,SendCount;

varlastSendTime,maxFileLimit;

vared=false;

var_filename;

varblockSize=1024*128;

varisUploaded=false;

maxFileLimit=1024*1024*50;//上传文件大小

///处理文件开始上传

functionBeginSend

{

try

{

(document.getElementById(\"UpFileControl\")&&document.getElementById(\"UpFileControl\").value.l

ength>0)

{

document.getElementById(\"speed\").innerHTML=\"0KB/Sec\";//进度条

document.getElementById(\"perent\").innerHTML=\"0%\";

document.getElementById(\"perentBar\").style.width=\"0%\";

document.getElementById(\"bar\").style.display=\"block\";

//document.getElementById(\"control\").style.display=\"block\";

document.getElementById(\"divImportData\").style.display=\"block\";

_filename=document.getElementById(\"UpFileControl\").value;

document.getElementById(\"filename\").innerHTML=\"正在上传文件

:\"+_filename.sub(_filename.lastIndexOf(\"\\\\\")+1,_filename.length);

SendFile;

}

(document.getElementById(\"UpFileControl\").value\"\")

{

alert(\"请先选择要上传文件\");

window.parent.AllowFunc; [Page]

document.getElementById(\"btnRe\").disabled=false;

document.getElementById(\"btnUpload\").disabled=false;

document.getElementById(\"UpFileControl\").disabled=false;

Initialize;

false;

}

{

false;

}

}

catch(ex)

{

alert(\"上传文件过程中出错,原因:\"+ex.description);

//window.parent.AllowFunc;

document.getElementById(\"btnRe\").disabled=false;

document.getElementById(\"btnUpload\").disabled=false;

document.getElementById(\"UpFileControl\").disabled=false;

Initialize;

false;

}

}

///开始上传文件

functionSendFile

{

ed=false;

try

{

ado_stream=ActiveXObject(\"ADODB.Stream\");

ado_stream.Type=1;

ado_stream.Open;

}

catch(ex)

{

window.par

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ant Design的上传组件支持上传PDF文件并且预览PDF文件需要将PDF文件转换为图片格式,然后使用图片预览组件进行预览。以下是示例代码: ```jsx import React, { useState } from 'react'; import { Upload, Button, message, Spin } from 'antd'; import { LoadingOutlined, PlusOutlined } from '@ant-design/icons'; import { pdfjs, Document, Page } from 'react-pdf'; pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`; const UploadPDF = () => { const [fileList, setFileList] = useState([]); const [previewUrl, setPreviewUrl] = useState(''); const [loading, setLoading] = useState(false); const handleChange = ({ fileList }) => { setFileList(fileList); if (fileList.length > 0) { setLoading(true); const reader = new FileReader(); reader.readAsDataURL(fileList[0].originFileObj); reader.onloadend = () => { setPreviewUrl(reader.result); setLoading(false); }; } else { setPreviewUrl(''); } }; const handlePreview = () => { window.open(previewUrl); }; const handleRemove = () => { setFileList([]); setPreviewUrl(''); }; const uploadButton = ( <div> {loading ? <LoadingOutlined /> : <PlusOutlined />} <div style={{ marginTop: 8 }}>Upload</div> </div> ); return ( <div> <Upload fileList={fileList} onChange={handleChange} onRemove={handleRemove} beforeUpload={(file) => { if (file.type !== 'application/pdf') { message.error(`${file.name} is not a PDF file`); return false; } return true; }} showUploadList={false} > {fileList.length === 0 ? ( uploadButton ) : ( <Button onClick={handlePreview}>Preview</Button> )} </Upload> {previewUrl && ( <div style={{ marginTop: 16 }}> <Spin spinning={loading}> <Document file={previewUrl} onLoadSuccess={null}> <Page pageNumber={1} width={400} /> </Document> </Spin> </div> )} </div> ); }; export default UploadPDF; ``` 在这个示例中,我们使用了`react-pdf`库来渲染PDF文件的预览图。`handleChange`函数在上传PDF文件后将PDF文件转换为DataURL,然后设置预览图的URL。`handlePreview`函数用于打开预览图。`handleRemove`函数用于删除上传PDF文件和预览图。在上传组件中,`beforeUpload`函数用于验证上传文件是否为PDF文件。最后,`Document`和`Page`组件用于渲染PDF文件的预览图。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值