使用html5页面和文件输入类型在服务器上上传文件

时间:2011-12-20 12:20:10

标签: jquery html5 file-upload generic-handler

我有一个html5页面,需要在某个服务器路径上上传图像文件,并希望在页面上显示上传的文件。 我已经使用jquery读取文件路径并使用ajax尝试调用处理程序。但是我们无法在jquery中读取完整的文件路径。

如果使用了标签并将文件输入类型放入其中并在其后调用处理程序,那么我们可以使用context.Request.Files [“ID”]读取文件路径并保存但不能显示在html页面上传文件。

任何正文都可以建议如何使用html文件输入类型

上传文件

由于 supriya

1 个答案:

答案 0 :(得分:-1)

通常,您无法使用JavaScript访问或发布文件(因此也无法使用jQuery或AJAX)。有很多方法可以解决这个问题,但是对于你的第一次尝试,使用<input type="file" ...>并且没有任何JavaScript的简单表单会更容易。

你没有提到你正在使用服务器端(我猜C#/ ASP / .NET,我只是稍微熟悉),但基本上你通常得到的只是图像中的纯数据文件(没有文件名或文件路径),您必须自己将该数据写入文件(或使用它做其他事情,例如将其写入数据库)。

但是有些Web框架会为您编写文件并为您提供创建文件的路径,但我不知道您是否使用了类似的文件。

然后,您需要将创建的文件复制到Web服务器的公共目录中(或者直接在那里写入,如果您自己创建文件),这样您就可以在img元素中引用它了显示图像的HTML文件。或者,您可以使用单独的服务器端脚本,该脚本读取映像文件并返回具有正确MIME类型的数据。