我正在使用jquery文件上传。
对于我的应用程序,我允许用户为每个产品上传15mb的图像。如果你已经上传了5mb的图片,我想在文件上传的页面上有一个小跨度,告诉你"你还有10mb的剩余"。
我打算这样做:
<div>You have <span class='spaceAvailable'>10</span> left</div>
然后在jqueryFileUpload的添加回调,当你添加另一个图像(说它是3mb的例子),得到$(".spaceAvailable")
的值,并从spaceAvailable减去新的图像大小(所以10-3 = 7)。当我达到零,我只是不调用data.submit()
和警告一个错误。
但是不能有人编辑html,使跨度。有1000MB的空间可以试着上传吗?有什么更好的办法来防止这种情况发生?
永远不要只在javascript上进行验证。添加服务器端验证,如果文件大小的总和大于您想要的,则返回false(或类似的东西)。然后使用。fail(或其他你想要的)函数来提供。